30 March 2021

Wordpress product page display in archive product page design in woocommerce plugin

<?php

/**

 * The Template for displaying product archives, including the main shop page which is a post type archive

 *

 * This template can be overridden by copying it to yourtheme/woocommerce/archive-product.php.

 *

 * HOWEVER, on occasion WooCommerce will need to update template files and you

 * (the theme developer) will need to copy the new files to your theme to

 * maintain compatibility. We try to do this as little as possible, but it does

 * happen. When this occurs the version of the template file will be bumped and

 * the readme will list any important changes.

 *

 * @see https://docs.woocommerce.com/document/template-structure/

 * @package WooCommerce/Templates

 * @version 3.4.0

 */

defined( 'ABSPATH' ) || exit;

get_header();

?>

<div class="woocommerce-products-header" style="">

    <div class="container">

        <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>

<h3 class="woocommerce-products-header__title page-title"><?php woocommerce_page_title(); ?></h3>

<?php endif; ?>    

  </div>

</div>

<?php  /**

 * Hook: woocommerce_before_main_content.

 *

 * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)

 * @hooked woocommerce_breadcrumb - 20

 * @hooked WC_Structured_Data::generate_website_data() - 30

 */

 do_action( 'woocommerce_before_main_content' );

?>

<div class="cat-page-main">

    <div class="row">

        <div class="col-md-4 product-cat-sidebar bounceInLeft delay-1 animated">

         <p class="siderbar-top"><i class="fa fa-play-circle"></i> Our Products</p>

            <?php dynamic_sidebar( 'new_sidebar' ); ?>     

        </div>

        <div class="col-md-8 product-listing-right">

            <h3 class="content-title"><?php echo woocommerce_page_title(); ?></h3>

            <?php do_action( 'woocommerce_archive_description' ); ?>

          <?php

             if ( woocommerce_product_loop() ) {

            woocommerce_product_loop_start();

             if ( wc_get_loop_prop( 'total' ) ) {

            while ( have_posts() ) {

            the_post();

             do_action( 'woocommerce_shop_loop' );

             wc_get_template_part( 'content', 'product' );

            do_action( 'woocommerce_after_shop_loop_item_title' );

            }

            }

              woocommerce_product_loop_end();

            do_action( 'woocommerce_after_shop_loop' );

            } else {

             do_action( 'woocommerce_no_products_found' );

            }           

          ?>    

        </div>

    </div>

</div>

<?php

get_footer();