將課程添加到 <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. 保存...完成。