I'm trying to nest products within stores on Wordpress using Woocommerce. Essentially I'm attempting to have products, within stores, that are within my Woocommerce website. https://www.just-eat.co.uk/ is an example of a exactly what I'm trying to receive. This is an image of stores with products within them on Just-Eat.co.uk & [this][3]. So my question is how can I achieve this?
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' );
?>