wordpress-woocommerce模板文件覆盖



我正在使用wooccommerce开发一个电子商务商店。Wooccommerce一切都很好。但我有一个问题。因为我想在产品页面(基于商店的页面)中显示一些带有文本的自定义图像。因此,我认为wordpress高级自定义字段会很好。我安装了它。现在我需要提取模板文件中的图像。但通过浏览wooccommerce插件,我发现它没有使用wordpress模板。Woocommerce正在自行生成总页面(生产者页面)。我想展示一些来自wordpress高级自定义字段插件的自定义字段。有人能告诉我怎么做吗?任何帮助和建议都将非常可观。谢谢

我希望展示所有产品的wooccommerce商店页面应该使用我自己的自定义模板。这样我就可以在那里使用wordpress高级自定义字段代码

要覆盖wp-content/plugins/woocommerce/templates中的Wooccommerce模板,请在wp-content/themes/<your theme>/woocommerce中创建一个同名文件。它将被使用,而不是原来的。

如果你查看一个原始模板文件,你会在顶部的注释中找到这个指令:

通过将此模板复制到您的主题/woocommerce/stone-product.php 来覆盖此模板

WooCommerce不使用主题中的普通模板文件(它使用页眉和页脚等,但大部分实际内部内容被拆分为许多Woo模板文件)。

您可以将模板从plugins/woocommerce/templates目录中复制出来,并将它们移动到themes/yourtheme/woocommerce目录中进行覆盖(只需选择您需要的模板)。

所有模板的列表可以在这里找到。这里可以找到用于更高级定制的有用php挂钩/过滤器列表。其他有用的资源是CSS结构文档和WC的条件模板标签列表。

WC的实质主题开发文档有点乏善可陈,所以你可能需要花一些时间来尝试模板,以实现你想要的目标,但它的评论很好,一旦你学会了,就很容易使用。

对于产品页面和网站中显示主页或类别页面等产品的任何部分,负责它的代码都存在于woommerce-template.php中第29行

<?php if ( have_posts() ) : ?>
                <?php do_action('woocommerce_before_shop_loop'); ?>
                <?php woocommerce_product_loop_start(); ?>
                    <?php woocommerce_product_subcategories(); ?>
                    <?php while ( have_posts() ) : the_post(); ?>
                        <?php woocommerce_get_template_part( 'content', 'product' ); ?>
                    <?php endwhile; // end of the loop. ?>
                <?php woocommerce_product_loop_end(); ?>
                <?php do_action('woocommerce_after_shop_loop'); ?>
            <?php elseif ( ! woocommerce_product_subcategories( array( 'before' => woocommerce_product_loop_start( false ), 'after' => woocommerce_product_loop_end( false ) ) ) ) : ?>
                <?php woocommerce_get_template( 'loop/no-products-found.php' ); ?>
            <?php endif;

您可以使用钩子和过滤器来更改某些部分,也可以在themes/yourthemes/woocommerce/functions.php中重写函数本身您也可以直接编辑,但这是不可取的,因为任何升级后都会丢失更改。

请注意,在第71行中,此函数使用模板文件content-product.php,该文件是用于在循环中显示产品内容的模板,可以通过将其复制到yourtheme/woocommerce/content-product.php

来覆盖

我发现了一个很棒的免费wooccommerce插件列表,以及一些定制技巧。也许这会有所帮助。http://fivera.net/woocommerce-customization-free-wp-plugins/

最新更新