Shopify themes, liquid, logos, and UX
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:
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.
Solved! Go to the solution
This is an accepted solution.
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.
Hello there,
Please check it this one article
Link
This is an accepted solution.
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.
thank you!
Hey everyone, in the same way how to display product like this please :
EG : https://www.beaybl.com/products/camo-seamless-leggings-blue
Thanks a lot dear !
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024