Skip to product information
1 of 1
Published:2023.03.30

How to set smartphone images in the slideshow section of the Shopify theme "Dawn"

How to set smartphone images in the slideshow section of the Shopify theme "Dawn"

Applications

  • Product information management and editing

How to implement

  • LIQUID
View full details

The "Slideshow" section of the Shopify theme "Dawn" allows you to specify only one image per block, so the same image will be displayed on all devices, with only slight differences in cropping. However, you will probably want to display a vertically long image on a smartphone, so here is an example of how to set it up.


How to set up smartphone images in the "Slideshow section" of Dawn


① Modify the "slideshow.liquid" schema, ② Modify "ja.schema.json"


③ Edit the code where the image is displayed in "slideshow.liquid" & modify the CSS as necessary.


Related Post