woocommerce布局特色产品

Question

我需要自定义特色产品的布局（html + css）。该文件位于哪个文件夹中？在我的主题文件夹中，我只有content-product_cat.php

感谢

Answer 1

对于CSS： WooCommerce为特色产品添加了“特色”类。 在商店或类别页面等档案中，您可以使用：

li.product.featured {
  /* CSS */
}

在单页中，您可以使用：

div.product.featured {
  /* CSS */
}

对于HTML ：您可以在主题文件中修改 content-product.php 和 content-single-product.php ，然后检查是否产品是特色并进行更改。但是你说你的主题没有那些文件，你的主题常常有一个文件夹“woocommerce”。如果有，您可以尝试将这些文件从“plugins / woocommerce / templates / content-product.php”和“plugins / woocommerce / templates / content-single-product.php”复制到“themes / YOUR_THEME / woocommerce”并编辑它们。

我希望它有所帮助...