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

Question

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

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

我想把它改成：

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

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

标签： phpwordpresswoocommerce

Answer 1

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

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