Slideshow Speed in the Dawn Theme

Topic summary

A user needed to customize the Dawn theme’s slideshow functionality in two ways: reducing the minimum speed from 3 seconds to 1.5 seconds, and making slideshow images clickable.

Speed Adjustment (Resolved):

  • Navigate to theme code editor: Online theme → Edit code → slideshow.liquid in sections folder
  • Locate the schema section and modify parameters: change “min” to 1.5 and “step” to 0.5
  • Save changes, then adjust speed in the theme customizer

Clickable Images (Resolved):

  • Add HTML link wrapper code above the slideshow text wrapper div
  • In the schema section, locate “image_picker” and add a new URL field:
{
"type": "url",
"id": "image_link",
"label": "Image Link"
}
  • After saving, an “Image Link” field appears in the theme customizer for each slide
  • The user initially encountered an “Invalid JSON” error but successfully resolved it with guidance

Both customizations were completed successfully. Screenshots throughout the thread illustrate the code locations and customizer interface.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
  1. How can I adjust the slideshow speed to 1.5 seconds if the minimum setting is 3 seconds?
  2. How can I make each image in the slideshow clickable?
![Shopify-slideshow-banner-speed.png|1986x994](upload://76g8u9j45Exc5X34TFrt0r8pYvC.jpeg)
1 Like

Hi @AprilMask

  1. How can I adjust the slideshow speed to 1.5 seconds if the minimum setting is 3 seconds?

Go to Online theme > Choose theme > click 3 dots > Edit code > Find the slideshow.liquid on the sectiob folder > look for this schema.

Change the “min”:1.5, and “step” :0.5,

Like example below.

And save.

And go to cusomize theme and adjust the speed.

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

hello @Made4uo-Ribe

Thank you so much for your help. My first question:

How can I adjust the slideshow speed to 1.5 seconds if the minimum setting is 3 seconds?

:white_check_mark: Resolved

For the,

  1. How can I make each image in the slideshow clickable?

Follow this instruction.

https://community.shopify.com/c/shopify-design/making-a-slideshow-image-clickable-in-dawn-theme/m-p/1612021

Let me know if you have difficulties. I can guide you.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

I tried making the adjustment but received the following error:

“Unable to update the file. Invalid JSON in tag ‘schema’.”

  1. Where should I paste the link for the first slide?
  2. Where should I paste the links for the next two slides?

another place for a link:

  1. Where should I paste the link for the first slide?

It said above.


it should be above the <div class="slideshow__text-wrapper banner__content banner__content–{{

  1. Where should I paste the links for the next two slides?

For the schema find the image_picker

Add space.

Then paste:

{
"type": "url",
"id": "image_link",
"label": "Image Link"
},

Must look like this.

And Save.

After Go to Customize theme. This will be visible.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

2 Likes

Hi @Made4uo-Ribe

Thank you so much for your help! My second question:

How can I make each image in the slideshow clickable?

:ok_hand: Resolved

1 Like

Welcome! Your a developer now! :blush: :clap: :clap:

2 Likes

Legend thank you!!