Shopify themes, liquid, logos, and UX
Solved! Go to the solution
This is an accepted solution.
Hi @AprilMask
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!
This is an 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!
This is an accepted solution.
Hi @AprilMask
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!
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
For the,
Follow this instruction.
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'."
another place for a link:
This is an 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!
Thank you so much for your help! My second question:
How can I make each image in the slideshow clickable?
👌Resolved
Welcome! Your a developer now!😊👏👏
Legend thank you!!
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025