WooCommerce将Upsells转移到标签中并显示简短描述

时间:2016-10-08 03:11:12

标签: wordpress woocommerce

我在这里有一个开发网站,在标签下方显示高级广告:

http://demo.bergdahl.com/product/6-oz-catridge/

我想稍微改变一下。我希望在实际标签中显示加售。将有三个选项卡:描述,数量定价和其他产品。

我想要完成三件事并且不确定该怎么做。

  1. 删除"我们也可能会建议"选项卡区域下方加售的文字和图片。

  2. 我们希望在描述和数量定价标签下只显示缩略图和标题(无定价),同样的加售次数。

  3. 我们希望“其他产品”标签显示类似的“追加销售”信息,但左侧是缩略图图片,右侧是标题和产品简短说明

  4. 基本上我正在寻找当前加售代码的位置,以便将其从原来的位置移除,并能够编辑该代码以将其放置在其他位置。删除价格并在必要时添加简短描述。当我需要代码时,我可以在代码中进行布局。

    所需代码需要:
    追加产品图片
    追加销售产品标题

    追加销售产品简介

    此外,如果您知道,我需要代码才能显示产品变体描述以在其他地方使用。

1 个答案:

答案 0 :(得分:0)

如果你查看woocommerce / templates / content-single-product.php,你会发现woocommerce_after_single_product_summary行动woocommerce_output_product_data_tabswoocommerce_upsell_display

woocommerce_output_product_data_tabs为例,使用我的文本编辑器在整个WooCommerce文件中快速搜索此内容,在includes / wc-template-functions.php中找到该函数。这里显示该函数只包含模板single-product/tabs/tabs.php

如果你继续沿着路径行进(它有时会变得很长),你会发现这些标签位于一个名为woocommerce_default_product标签的函数中,并挂钩到woocommerce_product_tabs。这就是我在WooCommerce中调试和查找内容的方法。

然后添加选项卡的最佳方法是将以下代码添加到functions.php中,而不是直接编辑文件中的default_tabs或将其复制到主题中以覆盖。

add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {

// Adds the new tab

$tabs['test_tab'] = array(
    'title'     => __( 'New Product Tab', 'woocommerce' ),
    'priority'  => 50,
    'callback'  => 'woo_new_product_tab_content'
);

return $tabs;

}
function woo_new_product_tab_content() {

// The new tab content

echo '<h2>New Product Tab</h2>';
echo '<p>Here\'s your new product tab.</p>';

}

你在这里有很多不同的自定义,但是按照这个一般指南,通过一些搜索,你应该能够找到所有的钩子和函数并进行更改。