Question

在店面顶部构建自定义woocommerce模板。

我想为类别页面的循环功能中的单个项目标题替换/更改一些html。＆＃34;加入购物车＆＃34;链接，价格等都位于woocommerce/templates/loop目录中。该目录中的所有文件都不包含此功能的产品标题的html。

我在哪里找到这个东西？我发誓，建立在woocommerce上的最烦人的事情是试图找到所有作品的所在......

Answer 1

您需要更改functions.php文件中的信息，最好是在主题子文件中。您放在那里的东西通常会被重写，因为它具有优先权。

Answer 2

woocommerce/includes/wc-template-functions.php

woocommerce_template_loop_product_title功能

function woocommerce_template_loop_product_title() {
    echo '<h3 class="woocommerce-loop-product__title">' . get_the_title() . '</h3>';
}

Answer 3

就像 Randy 写的那样，这是一个可插拔的函数，您会在其中找到

wp-content\plugins\woocommerce\includes\wc-template-functions.php

if ( ! function_exists( 'woocommerce_template_loop_product_title' ) ) {

    /**
     * Show the product title in the product loop. By default this is an H2.
     */
    function woocommerce_template_loop_product_title() {
        echo '<h2 class="' . esc_attr( apply_filters( 'woocommerce_product_loop_title_classes', 'woocommerce-loop-product__title' ) ) . '">' . get_the_title() . '</h2>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
    }
}

要覆盖它，只需将不带条件的代码复制粘贴到您子主题的functions.php文件中，并根据您的需要进行修改。

例如：将 h2 更改为 h3

function woocommerce_template_loop_product_title() {
   echo '<h3 class="' . esc_attr( apply_filters( 'woocommerce_product_loop_title_classes', 'woocommerce-loop-product__title' ) ) . '">' . get_the_title() . '</h3>'; 
}

Woocommerce循环标题位置

3 个答案: