Moving Pagination and Show All Products To Bottom of Page

swiftideas

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.

This topic has 5 replies, 3 voices, and was last updated 10 years by Mohammad – SUPPORT.

Viewing 6 posts - 1 through 6 (of 6 total)

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 .

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.

Support Request

Support Policy

Privacy Policy