更改 WooCommerce 短代码的结构

Question

我已经在我的页面上安装了 WooCommerce，我正在 php 文件中使用短代码显示功能帖子。

<?php echo do_shortcode('[featured_products per_page="3" columns="3"]'); ?>

它显​​示特色产品，但问题是它在 UL 和 LI 元素中显示它们。有没有办法改变它的显示方式（例如在 bootstrap 行和列中显示它们），以便它可以匹配我的前端结构。

Answer 1

是的，您可以轻松做到。请按照以下说明进行操作

1. 在您的主题文件夹中创建一个名为 "woocommerce" 的文件夹。
2. 从 woocommerce 插件文件夹复制目录 wp-content/plugins/woocommerce/templates 中的模板文件，并将这些文件粘贴到主题的 woocommerce 文件夹中。
3. 现在您可以从主题修改 WooCommerce 模板。
4. 打开循环文件夹并编辑 loop-start.php 和 loop-end.php 删除 <ul> 并将您的 bootstrap div 放在这里。
5. 打开 content-product.php 将 <li> 更改为您的 bootstrap 列。