Prestige Theme: Moving product images from the bottom to the side of the image display section

Store Design
1

Hello.

I am currently using the Prestige Theme.

By default, on the product page, the set of product images is placed under the main display if you decide not to stack images on desktop. Example:

example image.png
example image.png1866×756 165 KB

I want to place the product images on the left side of the display like the following examples:

https://mnml.la/products/mnml-denim-b118-work-denim-m2021-d146-blk

https://www.rockstaroriginal.com/products/rsm-btm-jns-4840-bruce-biker-patch-jean-black-red

(I’m pretty sure these two brands are also using the Prestige Theme)

my site is: www.guapstar.com (pw entry is upper right hand; its hard to see)

password: gstar00

Any response will be deeply appreciated, Thank you very much.

2

Hello there,
Please check it this one article
Link

3

Hi @emjayp ,

To change you follow the instruction:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
@media (min-width: 1140px) {
    .Product__Gallery {
        display: flex !important;
        flex-direction: row-reverse !important;
    }
    .Product__Gallery .Product__SlideshowNav--thumbnails {
        max-width: 100px !important;
    }
    .Product__Gallery .Product__Slideshow {
        width: calc(100% - 100px) !important;
        flex: 1 !important;
    }
}

I hope it would help you.

4

thank you!

5

Hey everyone, in the same way how to display product like this please :

CleanShot 2022-05-23 at 17.27.33.jpg
CleanShot 2022-05-23 at 17.27.33.jpg1622×792 73.4 KB

EG : https://www.beaybl.com/products/camo-seamless-leggings-blue

Thanks a lot dear !