【问题标题】:WooCommerce Move Upsells into Tabs and display with short descriptionWooCommerce 将追加销售移动到选项卡并显示简短描述
【发布时间】:2017-02-17 02:32:13
【问题描述】:

我在这里有一个开发网站,在标签下方显示追加销售:

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

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

我正在尝试完成三件事,但不确定如何去做。

  1. 从标签区域下方的追加销售中删除“我们可能还会建议”文本和图像。

  2. 我们希望在“描述”和“数量定价”选项卡下仅显示缩略图和标题(无定价)。

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

基本上,我正在寻找当前加售代码的位置以将其从其所在位置删除,并能够编辑该代码以将其放置在其他位置。删除价格并在必要时添加简短描述。当我有需要的代码时,我可以把它放在代码中。

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

追加销售产品简短说明

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

【问题讨论】:

    标签: wordpress woocommerce


    【解决方案1】:

    如果您查看 woocommerce/templates/content-single-product.php,您会看到操作 woocommerce_after_single_product_summary 引入了 woocommerce_output_product_data_tabswoocommerce_upsell_display

    woocommerce_output_product_data_tabs 为例,使用我的文本编辑器在整个 WooCommerce 文件中快速搜索它会在 include/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>';
    
    }
    

    您可以在此处进行很多不同的自定义,但按照本通用指南进行一些搜索,您应该能够找到所有挂钩和功能并进行更改。

    【讨论】:

    • 谢谢,我实际上已经添加了我需要的标签,你可以在我上面提供的链接上看到它们。我正在寻找代码以在网站上显示以下内容:追加销售产品图片、追加销售产品标题、追加销售产品简短描述、产品变体描述,
    • 我也在寻找如何删除标签下方显示的追加销售信息。
    猜你喜欢
    • 2019-08-13
    • 2022-11-30
    • 1970-01-01
    • 2018-08-14
    • 2020-01-07
    • 1970-01-01
    • 2021-06-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多