Slideshow Speed in the Dawn Theme

[AprilMask]

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?

[Made4uo-Ribe · Accepted solution]

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!

[Made4uo-Ribe · Accepted solution]

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!

[AprilMask]

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?

✅Resolved

[Made4uo-Ribe]

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/...

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!

[AprilMask]

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:

[Made4uo-Ribe · Accepted solution]

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

It said above. 

<a href="{{ block.settings.image_link }}" style="display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;"></a>
<div class="slideshow__text-wrapper banner__content banner__content--{{ block.settings.box_align }} page-width{% if block.settings.show_text_box == false %} banner--desktop-transparent{% endif %}{% if settings.animations_reveal_on_scroll and forloop.index == 1 %} scroll-trigger animate--slide-in{% endif %}">

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

2. 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!

[AprilMask]

Hi @Made4uo-Ribe 

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

How can I make each image in the slideshow clickable?

👌Resolved

[Made4uo-Ribe]

Welcome! Your a developer now!😊👏👏