Home Forums Arnold WordPress Theme Woocommerce – change number of products per row

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #19211
    ballener0
    Participant
    Purchased

    Hello,

    I’m trying to update the number of products shown at my Woocommerce store but I haven’t been able to do it so far.

    Right now my store is showing 3 items per row (I want 4). When I go to Customize>Woocommerce>Product Catalog and change it to four in there, nothing changes. It feels like there’s something from the theme overriding this. How could I change it?

    Thanks!

    #19215
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Thanks for reporting. We will fix it in next update.

    The quick fixing:
    1) find /themes/arnold/woocommerce/loop/loop-start.php, repace as the code:

    <?php
    /**
     * Product Loop Start
     *
     * This template can be overridden by copying it to yourtheme/woocommerce/loop/loop-start.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 	    http://docs.woothemes.com/document/template-structure/
     * @author 		WooThemes
     * @package 	WooCommerce/Templates
     * @version     3.3.0
     */
    ?>
    <div class="main-list columns-<?php echo esc_attr( wc_get_loop_prop( 'columns' ) ); ?>">
    	<div class="main-list-inn clearfix">

    2) Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

    .woocommerce.archive .main-list.columns-4 .product-item { width: 25%; }
    .woocommerce.columns-2 .product-item, 
    body.post-type-archive .product-item,
    .woocommerce.archive .main-list.columns-2 .product-item { width: 50%; }
    .woocommerce.columns-3 .product-item,
    .woocommerce.archive .main-list.columns-3 .product-item { width: 33.3333%; }
    .woocommerce.columns-1 .product-item,
    .woocommerce.archive .main-list.columns-1 .product-item { width: 100%; }
    .woocommerce.columns-5 .product-item,
    .woocommerce.archive .main-list.columns-5 .product-item { width: 20%; }
    .woocommerce.columns-6 .product-item,
    .woocommerce.archive .main-list.columns-6 .product-item { width: 16.6667%; }
    .woocommerce.archive .product-item {width: 33.3333%;}
    .woocommerce .main-list { margin: -20px; }
    .woocommerce.archive .main-list { margin: -20px; }
    .product-item .inside { margin: 20px; }
    @media (max-width: 768px) {
    	.product-item,
    	.woocommerce.columns-3 .product-item,
    	.woocommerce.columns-1 .product-item,
    	.woocommerce.columns-5 .product-item,
    	.woocommerce.columns-6 .product-item,
    	.woocommerce.archive .product-item,
    	.woocommerce.archive .main-list.columns-1 .product-item,
    	.woocommerce.archive .main-list.columns-2 .product-item,
    	.woocommerce.archive .main-list.columns-3 .product-item,
    	.woocommerce.archive .main-list.columns-4 .product-item,
    	.woocommerce.archive .main-list.columns-5 .product-item,
    	.woocommerce.archive .main-list.columns-6 .product-item { width: 50%; }
    }
    
    @media (max-width: 480px) { 
    	.product-item,
    	.woocommerce.columns-3 .product-item,
    	.woocommerce.columns-1 .product-item,
    	.woocommerce.columns-5 .product-item,
    	.woocommerce.columns-6 .product-item,
    	.woocommerce.archive .product-item,
    	.woocommerce.archive .main-list.columns-1 .product-item,
    	.woocommerce.archive .main-list.columns-2 .product-item,
    	.woocommerce.archive .main-list.columns-3 .product-item,
    	.woocommerce.archive .main-list.columns-4 .product-item,
    	.woocommerce.archive .main-list.columns-5 .product-item,
    	.woocommerce.archive .main-list.columns-6 .product-item {
    		width: 100%; 
    	}
    }

    Regards!
    SeaTheme – SeaTheme.netTwitterFacebook

    #19225
    ballener0
    Participant
    Purchased

    Cool, thanks for the fast reply!

    I’ll be away from my computer for a while, will try it tomorrow and let you know how it works.

    Thanks again.

    #19238
    ballener0
    Participant
    Purchased

    I was finally able to try it a few minutes ago and works perfectly, thanks!

    #19245
    SeaTheme
    Keymaster
    Purchased

    Welcome! 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!