How to make slideshow clickable - Spotlight Theme 14.0

topspotcards · ‎05-06-2024

How to make slideshow clickable - Spotlight Theme 14.0? Website: topspot.cards

I'm switching over from Dawn to Spotlight and I have changed the slideshow in Dawn to make the banner clickable but don't know how to add the right code to Spotlight. Help would be greatly appreciated. Thank you!

BSSCommerce-HDL · ‎05-08-2024

Hi @topspotcards ,

Please follow these steps:

1. Please navigate to Online store => Themes => Edit code

2. In "slideshow.liquid" file, find "slideshow__text-wrapper" and add the following code

<a href="{{ block.settings.image_link }}" style="display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;"></a>

Find "type": "image_picker", and add the following code below and hit Save

{
  "type": "url",
  "id": "image_link",
  "label": "image link"
},

In customize, you can now add image links to the slider

Hope this will help

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-HDL · ‎05-08-2024

Hi @topspotcards ,

Please follow these steps:

1. Please navigate to Online store => Themes => Edit code

2. In "slideshow.liquid" file, find "slideshow__text-wrapper" and add the following code

<a href="{{ block.settings.image_link }}" style="display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;"></a>

Find "type": "image_picker", and add the following code below and hit Save

{
  "type": "url",
  "id": "image_link",
  "label": "image link"
},

In customize, you can now add image links to the slider

Hope this will help

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

topspotcards · ‎05-10-2024

Thank you so so much. It was really easy to implement and understand. Have a blessed day!

How to make slideshow clickable - Spotlight Theme 14.0

How to make slideshow clickable - Spotlight Theme 14.0

Community Blog Articles