Home › Forums › Arnold WordPress Theme › Woocommerce – change number of products per row
- This topic has 4 replies, 2 voices, and was last updated 6 years, 9 months ago by
SeaTheme.
-
AuthorPosts
-
August 18, 2019 at 4:56 pm #19211
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.
Thanks!
Answer:
Please go to Appearance > Customize > WooCommerce:

Select the number for products per row on the default WooCommerce archive page:

——Ad——
Sell your products by Arnold WordPress theme, Supports WooCommerce
August 18, 2019 at 11:54 pm #19215Hi,
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.net – Twitter – FacebookAugust 19, 2019 at 10:24 am #19225Cool, 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.
August 19, 2019 at 8:28 pm #19238I was finally able to try it a few minutes ago and works perfectly, thanks!
August 21, 2019 at 5:02 am #19245Welcome! 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.
