我如何嵌套产品和改变Woocommerce中的显示?

时间:2016-03-29 00:35:53

标签: php css wordpress woocommerce product

我正在尝试使用Woocommerce在Wordpress上的商店中嵌套产品。基本上我正试图在我的Woocommerce网站内的商店内购买产品。 https://www.just-eat.co.uk/是我正在尝试接收的一个例子。 This是Just-Eat.co.uk& amp;上的商品图片。 [本] [3]。所以我的问题是如何实现这一目标?

HTML(archive-products.php):

if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly
}

get_header( 'shop' ); ?>

<link rel="stylesheet" type="text/css" href="style.css"/>

<?php
    do_action( 'woocommerce_before_main_content' );
?>
    <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
        <h1 class="page-title"><?php woocommerce_page_title(); ?></h1>
    <?php endif; ?>
    <?php
        do_action( 'woocommerce_archive_description' );
    ?>
    <?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 wc_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 wc_get_template( 'loop/no-products-found.php' ); ?>
    <?php endif; ?>
<?php
    do_action( 'woocommerce_after_main_content' );
?>
<?php
    do_action( 'woocommerce_sidebar' );
?>

1 个答案:

答案 0 :(得分:1)

您可以将“餐馆”创建为woocommerce类别,并将其重复产品分配到这些类别中。

  • 在woocommerce&gt;设置&gt;产品标签&gt; display将“Shop Page Display”选项设置为“Show categories&amp; subcategories”。这样在商店页面上只会显示类别(餐馆)。
  • 点击任何类别(餐馆名称)类别页面时 (餐厅)页面将打开其各自产品的位置 列出。

如果您愿意,还可以为每个产品添加标签,以便采用其他分组方式。

希望这有帮助。