WooCommerce产品模板

Question

我想在WooCommerce的产品模板上移动我的缩略图,将它们放在大产品图片旁边,价格下方并添加到购物车按钮.(作为标准,它们直接位于大型产品图片下方)

该模板似乎使用了钩子,我之前没有尝试过使用它.我找到了一个'content-single-product.php'似乎可以做的事情,但我找不到任何有关该文件中缩略图的信息.

有人能指出我正确的方向吗？

谢谢!

Answer 1

首先,请确保在此文件夹结构中覆盖主题目录中的WooCommerce模板:/ woocommerce/templates /(即yourtheme/woocommerce/templates /).这样,如果Woo有更新,则不会覆盖您的自定义代码.

我不是100%肯定这一点,但通常使用Woo模板覆盖,这应该让你相当远.

缩略图实际上非常深.

他们在这里: templates/single-product/product-thumbnails.php

它在第43行加载: woocommerce / templates / single-product / product-image.php

那个product-image.php部分加载到这里: woocommerce / templates / content-single-product.php "woocommerce_before_single_product_summary".

因此,您需要将其从product-image.php的第43行中删除,然后将其放入"woocommerce_single_product_summary"部分.您应该尝试将此操作添加到您自己的自定义函数文件中(显然将其删除 - 操作 - 从现在开始)这是

add_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );

并改为

add_action('woocommerce_after_single_product_summary','woocommerce_show_product_thumbnails', 20 );

此处引用了操作列表:

woocommerce / includes / wc-template-hooks.php

订单已开启

woocommerce / templates / content-single-product.php