How can I customize my product page to look like this picture?

Store Design
, , ,
1

Hi Guys,

I want to make the product page similar to the attached photo. Please see the screenshot for a better understanding. I would appreciate your help.

Thanks in advance.

URL: https://basicbastard.co/products/bleep-off-tee

Untitled design.png
Untitled design.png1920×1080 43.8 KB

2

Hi @basicbastardco
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

@media screen and (min-width: 990px){
.product__media-gallery .product__media-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.product__media-gallery .product__media-list .product__media-item {
width: 100%;
max-width: 100%;
}
}