将课程添加到 <ul> Woocommerce商店和存档页面上的html标签

Question

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

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

我只想向其添加引导类“ row”，例如：

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

我在Chrome元素工具中插入了bootstrap CDN，然后添加了“行”，我得到了想要的结果，但是在我的网站文件中找不到可以更改的地方。

我知道html代码是由functions.php生成的，我试图在模板和woocommerce的几乎所有php页面中进行查询。 有人可以解释一下该怎么做吗？

Answer 1

要将自定义类添加到WooCommerce商店和存档页面上的<ul> 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. 保存...完成。