php - 添加一个类到Woocommerce 商店和存档页面上的 html 标签

Question

在我的 Woocommerce 商店页面的 html 中某处，我有这一行：

<ul class="products columns-3">`

我只想将引导类“行”添加到它，例如：

<ul class="products columns-3 row"> 

我在我的 chrome 元素工具中插入了引导 cdn，然后添加了“行”，我得到了我想要的结果，但我在我的网站文件中找不到更改它的位置。

我知道 html 代码是由 生成的functions.php，我试图在模板和 woocommerce 上的几乎每个 php 页面中查看。有人可以解释一下如何做到这一点吗？

标签： phphtmlwordpresstemplateswoocommerce

Answer 1

要将自定义类添加到<ul>WooCommerce 商店和档案页面上的 html 标记：

1. 首先阅读“通过主题覆盖模板”官方文档，它向您解释了如何通过主题覆盖 woocommerce 模板。

   “高级主题”的注意事项
   ： 在某些高级主题上，他们可以使用一些自定义的 WooCommerce 模板，因此您必须改用它们。如果您使用的是子主题，请将相关模板复制到您的子主题，同时尊重相同的文件夹层次结构。

2. 一旦理解了这一点，要编辑的相关模板就是loop/loop-start.php.
   打开/编辑它并替换：

   <ul class="products columns-<?php echo esc_attr( wc_get_loop_prop( 'columns' ) ); ?>">
   

   和：

   <ul class="products columns-<?php echo esc_attr( wc_get_loop_prop( 'columns' ) ); ?> row">
   

3. 保存...你完成了。