Dawn theme product image customization

[Sivadarshan]

Is that possible to create a product page images like this 

Reference Site: https://www.massimodutti.com/in/100-cashmere-fine-sweater-l00908333?pelement=42617108

Our website: https://2512in.myshopify.com/

Password: 2512

[Vinsinfo · Accepted solution]

@Sivadarshan Please follow below steps to update the images width as per the reference website. Let us know whether it is helpful for you.

1. Go to "Online Store" -> "Themes".

2. Click the "Customize "button from the current theme.

3. Go to the product page and select "Product information".

4. Select the "Desktop layout" to "Stacked".

5. Again on the product information section, scroll bellow and locate "Custom CSS" field. Paste below code on it like attached screenshot. Then save the editor.

.product--stacked .product__media-item {
  max-width: 100%;
  width: 100%;
}
.product__media-list {
  row-gap: 0px;
}
.product-media-container {
  border: none;
}

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.