DAWN theme - Image resize on product page

Solved
Raghav_shopi
Tourist
7 0 3

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

0 Likes
Raghav_shopi
Tourist
7 0 3

@HamishDavisonIC 

 

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

0 Likes
j1419
Excursionist
22 0 6

@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 code:

https://barstool.engineering/product-image-slider-for-shopify-dawn-theme/

Reducing the image sizes helps but an image carousel looks much cleaner than scrolling down the page

0 Likes
HamishDavisonIC
Excursionist
50 6 26

@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 anyway so don't worry too much about desktop (if you follow his guide with his github i think it stops the gallery working on mobile anyway)

 

0 Likes
j1419
Excursionist
22 0 6

@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 ViewCurrent Desktop Grid View

A slideshow for the images looks better. Example below

image.png

0 Likes
artifulboutique
Excursionist
24 0 6

OUHHH! Merci! Thank you so much! I was editing my images one by one. My god... 

0 Likes
made4Uo
Trailblazer
279 10 64

Hi, 

If anyone is looking for a product slider you can check the https://made4uo.com/blogs/journey-to-awesome-shopify-website/product-slider-for-dawn-theme

I was able to add a product slider. No app needed

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
0 Likes
sculptbythesea
New Member
1 0 1

How about changing the size of the product images on the main collection page?

KetanKumar
Shopify Partner
23424 2356 8628

@sculptbythesea 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Raghav_shopi
Tourist
7 0 3

Hi @made4Uo ,

Thank you for the great help!.

I was able to change the image to one large image with smaller images of variants below it.

However, it doesn;t show the carousel /arrows and i am unable to scroll to the 5th image onwards.

0 Likes