Hi, I have just switched to the dawn theme, however the images on the product pages are absolutely huge. Is there any way to resize them? Thanks

I don’t know why people always ask for your link first It’s easy my friend Video: [How to reduce main product images size in Dawn theme - Shopify 2.0 Tutorials] How to make your product images smaller in Shopify 2.0 Dawn theme Firstly you can identify the problem: [HamishDavisonIC…

“Thank you so much for posting the resolution to this. We found changing the section below (shown on your screen print) changed the width of the description text, so we changed all of the 4 percentages to 50% and the whole page looks so much better” Have you tried this?

Yes that worked to resize the images, however my question is in regard to the product description

Hi. The solution worked. Thanks @HamishDavisonIC @SH_23 !! @media screen and (min-width: 990px) { .product:not(.product–no-media):not(.featured-product) .product__media-wrapper { max-width: 44%; width: calc(44% - 1rem / 2); } .product:not(.product–no-media):not(.featured-product) .product__i…

@HamishDavisonIC How can we change the grid layout of the Images to a carousel layout?

Hey I believe this would be front-end, so you just delete the columns and instead put a carousel. If this isn’t correct I’ll look into it when I get home

@HamishDavisonIC Did you figure out a way to change the grid layout to a Carousel layout?

@HamishDavisonIC I didn’t see the option to make the product images a carousel on the front end. If it’s possible to make the desktop version have an image slider like it does on mobile that would be great. The only thing I have seen online is this guide but they don’t explain where to place the c…

@j1419 I also found this guide - here is his github with where to place the code, you have to make your own asset called product-gallery.js https://gist.github.com/josephbona/b300b9e81e3bc53e27493555ae6795c1 But it doesn’t work properly, and to be honest it has a perfect grid layout on mobile anyw…

@HamishDavisonIC Is there a way to make the product images on desktop a carousel/slideshow? This grid layout is large and requires you to continue scrolling to see all the images. [Current Desktop Grid View] A slideshow for the images looks better. Example below [image.png]

DAWN theme - Image resize on product page

Store Design

Raghav_shopi September 13, 2021, 2:02pm 21

I don’t think DAWN gives that option of changing it to a carousel format.

In fact, not much can be changed in the product description itself on the front end.

Please have a look and opine

Cheers

1 Like

Topic		Replies	Views
Why is my Dawn theme product image too large? Store Design	24	391	July 24, 2023
Shopify Dawn theme, Reduce main product image size? Store Design	41	287	April 3, 2022
Reduce product page image zoom size on desktop view (Dawn theme) Store Design design , customizations , css	2	34	January 23, 2023
Why are my Dawn theme product images blurry on the front end? Store Design	67	677	October 3, 2024
How to reduce thumbail image size when it expand on Product page (Dawn theme) Store Design customizations	3	18	January 19, 2023

DAWN theme - Image resize on product page

Related topics