将内联CSS添加到woocommerce产品列表中

Question

如何在WooCommerce中将内联CSS样式添加到产品列表循环中？我需要这样做，因为我想在其中放置“高级自定义字段”中的变量，并让用户更改边框和产品列表循环的背景色。下面是产品循环中的一些代码：

<li class="product-category product first">

我想将其更改为：

<li class="product-category product first" style="ACF_VARIABLE_HERE">

但是我无法在INCLUDES目录php文件中进行更改。在WP更新期间，我不想丢失任何内容。产品循环位于此目录中。

Answer 1

我相信一种好方法是创建一个子主题，然后修改该子主题中的页面模板，以将ACF变量添加到产品循环中。

有关如何在woocommerce中设置子主题的信息，请参见https://docs.woocommerce.com/document/set-up-and-use-a-child-theme/。