We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

change product images on product page

Solved

change product images on product page

uncutgemsnl
Tourist
11 0 2

Hi everyone,

 

I want to change the product images like the image below:

uncutgemsnl_0-1750407275682.png

Only 2 images on top of the product page

 

The website is: https://uncutgemsnl.myshopify.com/

pw: shaupu

 

Thanks in advance.

Accepted Solution (1)

jakeclifford
Shopify Partner
93 18 25

This is an accepted solution.

Hi @uncutgemsnl,

First thing you wan to do is go to the Theme Editor -> Click Product Information Section -> Set "Desktop Layout" to "2 Columns". 

Then you can add CSS to the section Product Information Section -> Custom CSS -> Paste in this:

.product--columns {
flex-direction: column !important
}

.product__media-wrapper {
width: 100% !important;
max-width: unset !important
}

 

I'm Jake the Shopify Wizard! If helpful Like and Mark as an Accepted Solution
My Blog - Tips and Tricks for Shopify Horizon and AI features Horizon + AI

Struggling to solve an annoying issue? Get Help Fast

View solution in original post

Reply 1 (1)

jakeclifford
Shopify Partner
93 18 25

This is an accepted solution.

Hi @uncutgemsnl,

First thing you wan to do is go to the Theme Editor -> Click Product Information Section -> Set "Desktop Layout" to "2 Columns". 

Then you can add CSS to the section Product Information Section -> Custom CSS -> Paste in this:

.product--columns {
flex-direction: column !important
}

.product__media-wrapper {
width: 100% !important;
max-width: unset !important
}

 

I'm Jake the Shopify Wizard! If helpful Like and Mark as an Accepted Solution
My Blog - Tips and Tricks for Shopify Horizon and AI features Horizon + AI

Struggling to solve an annoying issue? Get Help Fast