WooCommerce将Upsells移动到Tabs并显示为简短的描述

Question

我在这里有一个开发站点，它在选项卡下面显示“向上销售”：

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

我想把它改一下。我想在实际的选项卡中显示上销。将有三个标签:描述，数量定价和其他产品。

有三件事我正在努力完成，我不知道如何去做。

1. 删除“我们也可能建议”的文本和图片，从标签区域下面的向上销售。
2. 我们希望在描述和数量定价选项卡下只有缩略图和标题(没有定价)出现相同的高级销售。
3. 我们希望其他产品选项卡显示类似的向上销售信息，但是左边是缩略图，右边是标题和产品简短描述。

基本上，我正在寻找当前向上销售代码的位置，以将其从其所在位置移除，并能够编辑该代码以将其放置到其他地方。删除价格，并在必要时添加简短说明。当我有所需的代码时，我可以在代码中列出它。

所需代码要求：

上销产品图像

上销产品标题

上销产品短描述

另外，如果您知道的话，我需要代码来显示产品变体描述，以便在其他地方使用。

Answer 1

如果您查看woocommerce/templates/content-single-product.php，您将看到woocommerce_after_single_product_summary在woocommerce_output_product_data_tabs和woocommerce_upsell_display中所起的作用。

以woocommerce_output_product_data_tabs为例，使用我的文本编辑器在WooCommerce文件中快速搜索这个函数，可以在include/wc-template-Funcs.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>';

}

您在这里有很多不同的定制，但是按照这个一般指南，只要稍加搜索，您应该能够找到所有的钩子和函数并进行更改。