Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress 在woocommerce中更改商店页面的HTML标记_Wordpress_Woocommerce - Fatal编程技术网

Wordpress 在woocommerce中更改商店页面的HTML标记

Wordpress 在woocommerce中更改商店页面的HTML标记,wordpress,woocommerce,Wordpress,Woocommerce,我要把商店的商品标签从H2改为H6。请告知应该从哪个文件应用这些更改 总结: sample.com/shop(本页) h2-->h6更新 根据您的屏幕截图,您可能希望使用JavaScript/jQuery来实现这一点,因为您可能没有使用默认的WooCommerce模板。因此,您可以尝试以下代码片段来实现所需的功能(我在这里使用jQuery): 您将此行更改为: <h6 class="woocommerce-products-header__title page-title&quo

我要把商店的商品标签从H2改为H6。请告知应该从哪个文件应用这些更改

总结: sample.com/shop(本页) h2-->h6

更新 根据您的屏幕截图,您可能希望使用JavaScript/jQuery来实现这一点,因为您可能没有使用默认的WooCommerce模板。因此,您可以尝试以下代码片段来实现所需的功能(我在这里使用jQuery):

您将此行更改为:

<h6 class="woocommerce-products-header__title page-title"><?php woocommerce_page_title(); ?></h6>

如果要更改单个产品的标题标签: 在您的子主题中,创建一个名为
functions.php
的文件,除非您已经拥有该文件,否则请在其中添加以下内容:

add_action('after_setup_theme', 's_my_custom_woocommerce_support');

function s_my_custom_woocommerce_support(){
    add_theme_support( 'woocommerce' );
}


//First we remove the current title
remove_action( 'woocommerce_shop_loop_item_title','woocommerce_template_loop_product_title', 10 );

//then we add our title
add_action('woocommerce_shop_loop_item_title', 's_woocommerce_change_product_title_tags', 10 );

//here we define how our title looks
function s_woocommerce_change_product_title_tags() {
    echo '<h6 class="woocommerce-loop-product_title">' . get_the_title() . '</h6>';
}

//首先,我们删除当前标题
删除操作('woocommerce\u shop\u loop\u item\u title','woocommerce\u template\u loop\u product\u title',10);
//然后我们添加标题
添加行动(“woocommerce\u shop\u loop\u item\u title”、“s\u woocommerce\u change\u product\u title\u tags”,10);
//这里我们定义标题的外观
功能s_商业_变更_产品_标题_标签(){
回显“”。获取标题();
}
确保您正在
中添加代码。如果要创建全新的functions.php文件,请在代码之前和之后添加这些


但是,请注意,您可以简单地使用css类设置标题样式并跳过所有这些麻烦,除非您绝对需要更改标签(可能用于SEO或其他目的)。

哪个标题?个人产品名称?请看这张图片,我想把h2标签改成h6@AmirVaez它看起来像是页面生成器(Elementor/WP Bakery)或主题本身定制的模板。在不知道更多细节的情况下,很难说出任何事情,因为这对于您正在使用的主题、插件及其设置来说是非常具体的。但是,如果您感兴趣,可以使用jQuery方法。检查答案的更新部分。如果答案对你有帮助,请将其标记为问题的答案。非常感谢。
add_action('after_setup_theme', 's_my_custom_woocommerce_support');

function s_my_custom_woocommerce_support(){
    add_theme_support( 'woocommerce' );
}


//First we remove the current title
remove_action( 'woocommerce_shop_loop_item_title','woocommerce_template_loop_product_title', 10 );

//then we add our title
add_action('woocommerce_shop_loop_item_title', 's_woocommerce_change_product_title_tags', 10 );

//here we define how our title looks
function s_woocommerce_change_product_title_tags() {
    echo '<h6 class="woocommerce-loop-product_title">' . get_the_title() . '</h6>';
}