WordPress WooCommerce商店页面模板

问题描述：

我想编辑我的WooCommerce WordPress网上商店的商店页面的布局。WordPress WooCommerce商店页面模板

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

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

非常感谢提前！

@LoicTheAztec我很抱歉，我想我只是愚蠢的，但它不为我工作，我尝试'$输出=“

”;'，但它不工作 –

@LoicTheAztec现在所有的我的产品图片未显示 –

我有2天的WordPress/Woocommerce使用体验......我只是不明白为什么我无法找到HTML呈现的位置以输出特定的html。感谢您的帮助:) –

答

入住此文件夹中：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也是一种很好的做法，所以在更新时您不会丢失编辑。

希望这会有所帮助。

你好朋友，我试着编辑archive-product.php模板文件，但是我找不到要在那个文件中改变的html元素。这基本上是我的目标 –

啊哈，我明白了，您可能需要检查content-product.php。顺便说一下你使用的是什么文本编辑器。应该有一种方法来打开一个文件夹并对其所有文件进行搜索。 – ale

你在content-product_cat.php中有什么意义吗？ – ale

答

考虑到这..

我想使用一个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商店页面模板

相关推荐