WooCommerce 产品模板答案

【问题标题】：WooCommerce Product TemplateWooCommerce 产品模板
【发布时间】：2014-08-07 17:07:44
【问题描述】：

我想在 WooCommerce 中移动我的产品模板上的缩略图，将它们放置在大产品图片旁边、价格下方并添加到购物车按钮。（作为标准，它们位于产品大图的正下方）

该模板似乎使用了钩子，但我之前没有尝试过使用它。我找到了一个“content-single-product.php”似乎可以做这些事情，但我在那个文件中找不到任何关于缩略图的内容。

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

已经谢谢了！

【问题讨论】：

标签： php wordpress templates hook woocommerce

【解决方案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

【讨论】：

【解决方案2】：

正如 Woocommerce 建议的那样，您要将所有覆盖放在 /your-theme-folder/woocommerce/ 下的新文件夹中。 This 是我在崇高文本 3 中的外观，“框架”是我的主题名称。

现在，在 /your-theme-folder/woocommerce/single-product/product-image.php 下，我像这样注释掉了原来的缩略图钩子。

<?php //do_action( 'woocommerce_product_thumbnails' ); ?>

接下来，我在 woocommerce_single_product_summary 挂钩的 content-single-product.php 文件中的 /your-theme-folder/woocommerce/ 下的模板中添加了一个 do_action。

<div class="summary entry-summary">

    <?php
        /**
         * woocommerce_single_product_summary hook
         *
         * @hooked woocommerce_template_single_title - 5
         * @hooked woocommerce_template_single_rating - 10
         * @hooked woocommerce_template_single_price - 10
         * @hooked woocommerce_template_single_excerpt - 20
         * @hooked woocommerce_template_single_add_to_cart - 30
         * @hooked woocommerce_template_single_meta - 40
         * @hooked woocommerce_template_single_sharing - 50
         */
        do_action( 'woocommerce_single_product_summary' );
        do_action( 'woocommerce_product_thumbnails' );

    ?>

</div><!-- .summary -->

您现在应该在 div 中看到带有类摘要和条目摘要的缩略图。

【讨论】：