Return to previous page

Build product page as Vertical Gallery on marseille03 demo installation

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

cloudtechltd

Participant

May 12, 2021 at 07:41

Dear support Team,

How to change the default single Product page to load exactly the same as Vertical Gallery from https://xstore.8theme.com/product/variable-product/ on marseille03

Thank You

#287185 Copied Theme version: 7.2.8 WooCommerce version: 5.2.2

7 Answers

Rose Tyler

Support staff

May 12, 2021 at 07:51

Hello,

Thanks for using our theme.
Theme Options > WooCommerce > Single product page > Single product layout > Thumbnails > Vertical

Regards

#287189 Copied

cloudtechltd

Participant

May 12, 2021 at 08:19

I want to change the instead of this page https://dev.cloudtech.com.cy/hypercy/product/11-degrees-acid-wash-cropped-t-shirt-purple/

to look like https://xstore.8theme.com/product/variable-product/

Thank You

#287194 Copied

Rose Tyler

Support staff

May 12, 2021 at 08:37

Theme Options > WooCommerce > Single product builder > Gallery > change Type https://gyazo.com/f72957538097aa2d61d0784bbac10a75

Regards

#287196 Copied

cloudtechltd

Participant

August 2, 2021 at 17:33

Hi Rose,

For some reason I changed the gallery type from the single product builder but for some reason it’s not updating the gallery view.

Note i have created a new template with the following name: Vertical Gallery.

I figure out the issue

Thank You

Please contact administrator
for this information.

#297375 Copied

Olga Barlow

Support staff

August 2, 2021 at 20:00

Hello,

So, do you still need our help?

Regards

#297408 Copied

cloudtechltd

Participant

August 3, 2021 at 10:04

No Vertical Gallery issue is fixed,

but I have a challenging issue with the photo gallery on catalog view page
https://demo.hypercy.com/product-category/women

Shoe images are not the same height as the dress.

Most of the images that we will upload are 1000×1000 mainly shoe images but some are 800×1000 or 600×900

In the image setting we have Uncropped, we want to images to show long vertically like
https://demo.hypercy.com/product-category/men/

Thank You

#297487 Copied
Olga Barlow

Support staff

August 3, 2021 at 15:15
Hello,

If you want to have nice grid with aligned images then you need to edit them before uploading to the media gallery and make images the same size.
You can use the below code to limit height but it’s better to prepare good images instead of using such custom
```
.content-product .product-content-image img {
    width: auto;
    max-height: 200px;
}
.content-product .product-content-image {
    min-height: 200px;
}
```
Regards
#297548 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Build product page as Vertical Gallery on marseille03 demo installation’' has been successfully resolved, and the topic is now closed for further responses

Build product page as Vertical Gallery on marseille03 demo installation

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection