• Resolved docero

    (@docero)


    For some reason the product archive page looks different when im logged in versus logged out. When I’m logged in the products are displayed in 4 columns but when Im logged out they are displayed in two. When I inspect extra css is being added when im logged out to make it two columns. Not sure where this is coming from or where to edit the settings. Here is the code I customized slightly for my archive-products page:

    <?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/
     * @author 		WooThemes
     * @package 	WooCommerce/Templates
     * @version     2.0.0
     */
    
    if ( ! defined( 'ABSPATH' ) ) {
    	exit; // Exit if accessed directly
    }
    
    get_header( 'shop' ); ?>
    
    <?php get_template_part('partials/topnav'); ?>
    <div class="row page-content">
    	<?php get_template_part('partials/banner'); ?>
     	<div class="container">
    		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 secondary">
    			<?php
    				/**
    				 * woocommerce_before_main_content hook.
    				 *
    				 * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
    				 * @hooked woocommerce_breadcrumb - 20
    				 */
    				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
    					/**
    					 * woocommerce_archive_description hook.
    					 *
    					 * @hooked woocommerce_taxonomy_archive_description - 10
    					 * @hooked woocommerce_product_archive_description - 10
    					 */
    					do_action( 'woocommerce_archive_description' );
    				?>
    
    				<?php if ( have_posts() ) : ?>
    
    					<?php
    						/**
    						 * woocommerce_before_shop_loop hook.
    						 *
    						 * @hooked woocommerce_result_count - 20
    						 * @hooked woocommerce_catalog_ordering - 30
    						 */
    						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
    						/**
    						 * woocommerce_after_shop_loop hook.
    						 *
    						 * @hooked woocommerce_pagination - 10
    						 */
    						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
    				/**
    				 * woocommerce_after_main_content hook.
    				 *
    				 * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
    				 */
    				do_action( 'woocommerce_after_main_content' );
    			?>
    
    			<?php
    				/**
    				 * woocommerce_sidebar hook.
    				 *
    				 * @hooked woocommerce_get_sidebar - 10
    				 */
    				//do_action( 'woocommerce_sidebar' );
    			?>
    		</div>
    	</div>
    </div>
    
    <?php get_footer( 'shop' ); ?>

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter docero

    (@docero)

    Also Im using Woocommerce version 2.6.14 and WordPress version 4.9.9

    Thread Starter docero

    (@docero)

    I figured out that the W3 Total Cache plugin messes with the styling. I deactivated it and the problem was fixed. Ill have to look around the settings.

    Kenin

    (@kbassart)

    Automattic Happiness Engineer

    Hi there,

    Glad you were able to isolate the issue to your caching plugin. I’ll leave this open for now in case you want to update additional info on this post for other users after you check your settings further.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Products archive looks different when logged in versus logged out’ is closed to new replies.