Question

我刚开发了一个wordpress woocommerce网站，有很多产品有5个类别。我使用以下短代码显示产品类别。

<?php echo do_shortcode('[product_categories number="20"]'); ?>

点击一个类别时，它会转到产品页面并精确显示产品。但我想用我自己的div，字体等查看产品。目前我在archive-product.php文件上工作（显示）。

我的代码如下。

 <div class="ProductCategoryWraper">

  <?php if ( have_posts() ) : ?>


        <?php woocommerce_product_loop_start(); ?>

            <?php woocommerce_product_subcategories(); ?>

            <?php while ( have_posts() ) : the_post(); ?>

                <?php wc_get_template_part( 'content', 'product' ); ?>


            <?php endwhile; // end of the loop. ?>

        <?php woocommerce_product_loop_end(); ?>
        <?php endif; ?>

  <div class="CategoryBox"> <a href="product-details.html"> <img src="images/panda-product1.jpg">
    <p>Chicken Masala</p>
    <i class="fa fa-inr"></i> <span>42</span> </a> </div>
</div>

如何过滤价格＆amp;产品名称仅来自此。请帮我。谢谢

Answer 1

打开您的content-single-product.php并添加您自己的div css类。

去这里

<强> \可湿性粉剂内容\插件\ woocommerce \模板\内容单product.php

价格去这里添加你自己的css div类。

<强> \可湿性粉剂内容\插件\ woocommerce \模板\单品\ price.php

Answer 2

要在产品页面上获取产品名称和价格，请覆盖 content-single-product.php 和 price.php

而不是直接在插件中编辑这些文件（这是一个非常糟糕的主意，因为一旦更新插件并且所有更改都将丢失！），您可以将它们复制到您的主题中：

在您的主题目录中，创建一个名为“WooCommerce。”的新文件夹。
导航到WooCommerce插件目录并打开＆＃34;模板＆＃34;夹。 templates文件夹包含许多子文件夹，其中包含WooCommerce使用的所有不同模板。幸运的是，WooCommerce中的模板文件结构和命名很容易理解。
在您新创建的＆＃34; WooCommerce＆＃34;文件夹，复制要编辑的模板文件。

请记住在这里保持目录结构相同。如果您要编辑的模板位于子文件夹中，然后记住在主题目录中创建该子文件夹。

如何在Wordpress Woocommerce Products页面获取产品名称和价格

2 个答案: