How to make my slideshow clickable [Debutify theme]

Solved
Biggy
Tourist
10 0 1

Hi,

How do I make Debutify's Slideshow clickable without using the ugly button they provide ?

I wasn't able to find any solution yet.

Thanks a lot,

AK

0 Likes
VivTo
New Member
1 1 0

This is an accepted solution.

Hello

Go to online store > themes > actions > edit code > header.liquid

Please add this code in the {% schema %} section:

              {
            "type": "url",
            "id": "slide_link",
            "label": "Slide link",
          }

 

Where you find this code:

          <div class="hero__inner">
            <div class="hero__text-wrapper {{ block.settings.text_alignment }}">
              <div class="grid">
                <div class="grid__item large--eight-twelfths push--large--two-twelfths one-whole hero-content">
                  {% if block.settings.title != blank %}
                    <h2 class="hero__title">{{ block.settings.title | escape }}</h2>
                  {% endif %}
                  {% if block.settings.text != blank %}
                    <div class="rte hero__text">{{ block.settings.text }}</div>
                  {% endif %}
                  {% if block.settings.button_label != blank and block.settings.button_link != blank %}
                    <a href="{{ block.settings.button_link }}" class="btn {{ block.settings.button_style }} hero__btn">
                      {{ block.settings.button_label | escape }} <span class="fas fa-arrow-right" aria-hidden="true"></span>
                    </a>
                  {% endif %}
                </div>
              </div>
             </div>

Replace with:

 <div class="hero__inner">
            <a href="{{ block.settings.slide_link }}">
            <div class="hero__text-wrapper {{ block.settings.text_alignment }}">
              <div class="grid">
                <div class="grid__item large--eight-twelfths push--large--two-twelfths one-whole hero-content">
                  {% if block.settings.title != blank %}
                    <h2 class="hero__title">{{ block.settings.title | escape }}</h2>
                  {% endif %}
                  {% if block.settings.text != blank %}
                    <div class="rte hero__text">{{ block.settings.text }}</div>
                  {% endif %}
                  {% if block.settings.button_label != blank and block.settings.button_link != blank %}
                    <a href="{{ block.settings.button_link }}" class="btn {{ block.settings.button_style }} hero__btn">
                      {{ block.settings.button_label | escape }} <span class="fas fa-arrow-right" aria-hidden="true"></span>
                    </a>
                  {% endif %}
                </div>
              </div>
             </div>
              </a>
          </div>

 

Hope this helps!

0 Likes
Biggy
Tourist
10 0 1

Thank you very much for your reply

0 Likes
Anonymous
Not applicable
1616 0 0

Thankyou so much for the code.

 

0 Likes