woocommerce adding column

[matthewokoh]

Hi

How can I increase the column on woocommerce single product page to 4 or 5 columns?

Any help would be great. Thank you in advance.

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Three it’s the maximum default columns that you can have in a page like woocommerce pages generated dynamically.

The files that handles that are, and you can edit them as you need :

wp-content/themes/kleo/woocommerce/content-single-product.php
wp-content/themes/kleo/woocommerce/ Here are more files related to the product single page, if you will need to change to the modal you will have to edit this : wp-content/themes/kleo/woocommerce/content-single-product-modal.php

They will be overwrited in child theme keeping the same structure example : wp-content/themes/kleo-child/woocommerce/content-single-product.php and so

Child theme needs to be installed and activated.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[matthewokoh]

This reply has been set as private.

[Radu]

H,
Check the screenshot

add there where you need before or after the main image

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[matthewokoh]

This reply has been set as private.

[Radu]

Hi,

It’s recommanded to set the same with and height for all images to can have a grid gallery with 4 cols an 4 rows fit.

Go live in customizer then check the screenshot

Try this CSS

COPY CODE

.kleo-woo-gallery.thumbnails .woocommerce-product-gallery__image a {
    width: 24.1% !important;
    padding:0 !important;
    margin:0 !important;
}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[matthewokoh]

Thank you that worked great.

[Radu]

Great
Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts