Return to previous page

I would like to display my shop products into 3 columns

This topic has 2 replies, 2 voices, and was last updated 5 years, 5 months ago ago by Olga Barlow

8tango

Participant

July 16, 2019 at 11:20

Hi Olga,

On this page https://www.8theme.com/demo/html/mango/shop.html I would like to display my products into 3 columns, how to proceed?

Regards,

Bruno

#217189 Copied Theme version: 1.1

1 Answer
Olga Barlow

Support staff

July 16, 2019 at 11:28
Hello,

Could you, please, create new topic for the new questions that are not related to the first one? It will help us to avoid misunderstanding for our support.

If you want to display products into 3 columns:
1) Add the new class “grid-col-3” for the row where all the products are located https://prnt.sc/ofpakl
2) Change the class for the product columns, use “col-md-4” instead of “col-md-3” https://prnt.sc/ofpakl
3) Add the following CSS code to your custom CSS
```
@media (min-width: 767px){
    .grid-col-3 .shop-grid-item:nth-child(4n+1) {
        clear: none;
    }
    .grid-col-3 .shop-grid-item:nth-child(3n+1){
        clear:both;
    }
}
```
Regards
#217193 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Beaty & Cosmetics – WordPress WooCommerce Theme

lazy-placeholder

Legenda – E-Commerce and Corporate PSD Theme

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

HandMade Store – WooCommerce Theme

lazy-placeholder

Kids Store – WordPress WooCommerce Theme

lazy-placeholder

Medical 02 – WordPress WooCommerce Theme

lazy-placeholder

Marseille 01 – WordPress WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

lazy-placeholder

Shoes Store – WordPress WooCommerce Theme

lazy-placeholder

Web Agency – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.