Question

我正在尝试编辑我的WooCommerce WordPress网上商店的商店页面布局。

现在，在WooCommerce设置中，我将其设置为消除类别。现在我的目标是将<img />代码更改为<div>。所以我需要更改HTML。但我似乎无法找到用于创建该页面的模板文件。我查看了我的主题文件夹和WooCommerce插件文件夹。

有谁知道我在哪里可以找到该文件或如何更改html输出？

非常感谢提前！

Answer 1

签入此文件夹：wp-content/themes/your-theme-name/woocommerce/archive-product.php 如果您的主题缺少woocommerce文件夹，那么您可以在wp-content/plugins/woocommerce/templates到wp-content/themes/your-theme-name/woocommerce/

上创建所有（或仅需要编辑的）模板文件和文件夹。

当您需要修改网站主题时，最好使用child theme，以便在更新时不会丢失编辑内容。

希望这会有所帮助。

Answer 2

考虑到这一点..

我想使用具有固定宽度和高度的div并设置bg图像我可以将其设置为覆盖，因为图像都是不同的尺寸

试试这个，也许会奏效。这将用div包装图像。将其复制并粘贴到主题的functions.php上。

// Add the img wrap
add_action( 'woocommerce_before_shop_loop_item_title', create_function('', 'echo "<div class=\"img-wrap\">";'), 5, 2);
add_action( 'woocommerce_before_shop_loop_item_title',create_function('', 'echo "</div>";'), 12, 2);

WordPress WooCommerce商店页面模板

2 个答案: