ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• February 13, 2014 at 10:15 pm #48852
  androofoo

  Member

  Post count: 51

  Hi,
  Is it possible to move the pagination and “Show all x products” to the bottom of the shop page?

  http://papersupplyco.com/shop/

  February 17, 2014 at 1:55 pm #49616
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I need a screenshot image to your request so i can suggest you exactly .Please post always theme version also .

  With Best Regards
  SwiftIdeas Themes

  February 17, 2014 at 8:51 pm #49725
  androofoo

  Member

  Post count: 51

  CSS code varies depending on theme version? Hm. Version 3.8.1
  I added the URL as a reference, but here is a screen shot as well…

  February 20, 2014 at 1:40 pm #50523
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi, this cannot be done with css.

  Take the file archive-product.php, cut this code

  <?php if ( version_compare( WOOCOMMERCE_VERSION, "2.0.0" ) >= 0 ) {
  				
  				woocommerce_get_template( 'loop/result-count.php' );
  				
  				global $woocommerce;
  	
  				$orderby = isset( $_GET['orderby'] ) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
  		
  				woocommerce_get_template( 'loop/orderby.php', array( 'orderby' => $orderby ) );
  	        
  	        } else { ?>
  	
                  <form class="woocommerce-ordering" method="POST">
                      <select name="sort" class="orderby">
                          <?php
                              $catalog_orderby = apply_filters('woocommerce_catalog_orderby', array(
                                  'menu_order' 	=> __('Default sorting', 'woocommerce'),
                                  'title' 		=> __('Sort alphabetically', 'woocommerce'),
                                  'date' 			=> __('Sort by most recent', 'woocommerce'),
                                  'price' 		=> __('Sort by price', 'woocommerce')
                              ));
                  
                              foreach ( $catalog_orderby as $id => $name )
                                  echo '<option value="' . $id . '" ' . selected( $_SESSION['orderby'], $id, false ) . '>' . $name . '</option>';
                          ?>
                      </select>
                  </form>
  	            
  	        <?php } ?>

  and place it after this code

  <?php
  					/**
  					 * woocommerce_after_shop_loop hook
  					 *
  					 * @hooked woocommerce_pagination - 10
  					 */
  					do_action( 'woocommerce_after_shop_loop' );
  				?>

  Cheers

  April 9, 2014 at 8:20 am #65542
  androofoo

  Member

  Post count: 51

  Hi Melanie,
  I removed the Pagination and “Show All Products” in entirety and now the mobile layout is showing a staggered view. (See screenshot) Site: http://www.papersupplyco.com

  I removed the following code:

  <?php if ( version_compare( WOOCOMMERCE_VERSION, "2.0.0" ) >= 0 ) {
                  
                  woocommerce_get_template( 'loop/result-count.php' );
                  
                  global $woocommerce;
      
                  $orderby = isset( $_GET['orderby'] ) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
          
                  woocommerce_get_template( 'loop/orderby.php', array( 'orderby' => $orderby ) );
              
              } else { ?>
      
                  <form class="woocommerce-ordering" method="POST">
                      <select name="sort" class="orderby">
                          <?php
                              $catalog_orderby = apply_filters('woocommerce_catalog_orderby', array(
                                  'menu_order' 	=> __('Default sorting', 'woocommerce'),
                                  'title' 		=> __('Sort alphabetically', 'woocommerce'),
                                  'date' 			=> __('Sort by most recent', 'woocommerce'),
                                  'price' 		=> __('Sort by price', 'woocommerce')
                              ));
                  
                              foreach ( $catalog_orderby as $id => $name )
                                  echo '<option value="' . $id . '" ' . selected( $_SESSION['orderby'], $id, false ) . '>' . $name . '</option>';
                          ?>
                      </select>
                  </form>
                  
              <?php } ?>

  After removing that code, is when my items started showing up all weird. Is there a way I can have the Pagination and Show All Products removed and keep the original item layout?

  Here is how my archive-product.php looks now:

  <?php
  	/**
  	 * The Template for displaying product archives, including the main shop page which is a post type archive.
  	 *
  	 * Override this template by copying it to yourtheme/woocommerce/archive-product.php
  	 *
  	 * @author 		WooThemes
  	 * @package 	WooCommerce/Templates
  	 * @version     2.0.0
  	 */
  	
  	if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
  	
  	$options = get_option('sf_neighborhood_options');
  	
  	$default_show_page_heading = $options['default_show_page_heading'];
  	$default_page_heading_bg_alt = $options['woo_page_heading_bg_alt'];
  	
  	$sidebar_config = $options['woo_sidebar_config'];
  	$left_sidebar = $options['woo_left_sidebar'];
  	$right_sidebar = $options['woo_right_sidebar'];
  	
  	if ($sidebar_config == "") {
  		$sidebar_config = 'right-sidebar';
  	}
  	if ($left_sidebar == "") {
  		$left_sidebar = 'woocommerce-sidebar';
  	}
  	if ($right_sidebar == "") {
  		$right_sidebar = 'woocommerce-sidebar';
  	}
  	
  	if (isset($_GET['sidebar'])) {
  		$sidebar_config = $_GET['sidebar'];
  	}
  	
  	sf_set_sidebar_global($sidebar_config);
  	
  	global $sidebars, $woocommerce_loop;
  	
  	$columns = 4;
  			
  	if ($sidebars == "no-sidebars") {
  		$woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 );
  	} else if ($sidebars == "both-sidebars") {
  		$woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 2 );
  		$columns = 2;
  	} else {
  		$woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 3 );
  		$columns = 3;
  	}
  	
  	$page_wrap_class = $page_class = $content_class = '';
  	$page_wrap_class = "woocommerce-shop-page ";
  	if ($sidebar_config == "left-sidebar") {
  	$page_wrap_class .= 'has-left-sidebar has-one-sidebar row';
  	$page_class = "span9 push-right clearfix";
  	$content_class = "clearfix";
  	} else if ($sidebar_config == "right-sidebar") {
  	$page_wrap_class .= 'has-right-sidebar has-one-sidebar row';
  	$page_class = "span9 clearfix";
  	$content_class = "clearfix";
  	} else if ($sidebar_config == "both-sidebars") {
  	$page_wrap_class .= 'has-both-sidebars row';
  	$page_class = "span9 clearfix";
  	$content_class = "span6 clearfix";
  	} else {
  	$page_wrap_class .= 'has-no-sidebar';
  	$page_class = "row clearfix";
  	$content_class = "span12 clearfix";
  	}
  	
  	global $include_isotope, $has_products;
  	$include_isotope = true;
  	$has_products = true;
  	
  	get_header('shop'); ?>
  		
  	<?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 )  && $default_show_page_heading) : ?>
  	
  	<div class="row">
  		<div class="page-heading span12 clearfix alt-bg <?php echo $default_page_heading_bg_alt; ?>">
  			<div class="heading-text">
  				
  				<?php if ( version_compare( WOOCOMMERCE_VERSION, "2.0.0" ) >= 0 ) { ?>
  					
  					<h1><?php woocommerce_page_title(); ?></h1>
  						
  				<?php } else {
  				
  					if ( is_search() ) {
  							
  						echo '<h1>';
  								
  						printf( __( 'Search Results: &ldquo;%s&rdquo;', 'woocommerce' ), get_search_query() );
  						
  						if ( get_query_var( 'paged' ) ) {
  							printf( __( '&nbsp;&ndash; Page %s', 'woocommerce' ), get_query_var( 'paged' ) );
  						}
  						
  						echo '</h1>';
  							
  					} elseif ( is_tax() ) {
  						
  						echo '<h1>' . single_term_title( "", false ) . '</h1>';
  					
  					} else {
  						
  						$shop_page = get_post( woocommerce_get_page_id( 'shop' ) );
  						
  						echo '<h1>';
  						
  						echo apply_filters( 'the_title', ( $shop_page_title = get_option( 'woocommerce_shop_page_title' ) ) ? $shop_page_title : $shop_page->post_title );
  						
  						echo '</h1>';
  					}
  													
  				} ?>
  			</div>
  			<?php 
  				// BREADCRUMBS
  				echo sf_breadcrumbs();
  			?>
  		</div>
  	</div>
  
  	<?php endif; ?>
  		
  		<!-- OPEN section -->
  		<section class="<?php echo $page_class; ?>">
  		
  			<div class="page-content <?php echo $content_class; ?>">
  			
  			<?php do_action( 'woocommerce_archive_description' ); ?>
  	
  			<?php if ( have_posts() ) : ?>
  				
  				<?php if ( version_compare( WOOCOMMERCE_VERSION, "2.1.0" ) >= 0 ) { ?>
  					
  					<?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 } else if ( version_compare( WOOCOMMERCE_VERSION, "2.0.0" ) >= 0 ) { ?>
  	
  					<?php woocommerce_product_loop_start(); ?>
  		
  						<?php woocommerce_product_subcategories(); ?>
  		
  						<?php while ( have_posts() ) : the_post(); ?>
  		
  							<?php woocommerce_get_template_part( 'content', 'product' ); ?>
  		
  						<?php endwhile; // end of the loop. ?>
  		
  					<?php woocommerce_product_loop_end(); ?>
  				
  				<?php } else { ?>
  				
  					<ul class="products">
  				
  					<?php woocommerce_product_subcategories(); ?>
  					
  					<?php while ( have_posts() ) : the_post(); ?>
  					
  						<?php woocommerce_get_template_part( 'content', 'product' ); ?>
  	
  					<?php endwhile; // end of the loop. ?>
  					
  					</ul>
  				
  				<?php } ?>
  	
  				<?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 woocommerce_get_template( 'loop/no-products-found.php' ); ?>
  	
  			<?php endif; ?>
  			
  			</div>
  	
  			<?php if ($sidebar_config == "both-sidebars") { ?>
  			<aside class="sidebar left-sidebar span3">
  				<?php dynamic_sidebar($left_sidebar); ?>
  			</aside>
  			<?php } ?>
  		
  		<!-- CLOSE section -->
  		</section>
  	
  		<?php if ($sidebar_config == "left-sidebar") { ?>
  					
  		<aside class="sidebar left-sidebar span3">
  			<?php dynamic_sidebar($left_sidebar); ?>
  		</aside>
  	
  		<?php } else if ($sidebar_config == "right-sidebar") { ?>
  			
  		<aside class="sidebar right-sidebar span3">
  			<?php dynamic_sidebar($right_sidebar); ?>
  		</aside>
  		
  		<?php } else if ($sidebar_config == "both-sidebars") { ?>
  	
  		<aside class="sidebar right-sidebar span3">
  			<?php dynamic_sidebar($right_sidebar); ?>
  		</aside>
  		
  		<?php } ?>		
  			
  	</div>
  
  <?php get_footer('shop'); ?>

  April 11, 2014 at 8:49 am #66233
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please roll back all changes after i can suggest you quick solution . I need also wordpress admin login detail .

  Thanks 🙂
  With Best Regards
  Swift Ideas

• Back to forum

  Posted in: Neighborhood