All things Shopify and commerce
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
Solved! Go to the solution
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!
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!
Thank you very much for your reply 🙂
Thankyou so much for the code.
hi friend, @VivTo
I tried to do it the way you said but it didn't work here, an error message appears when pasting the first code in the section {% schema%}.
"ERROR: Invalidate JSON in tag 'schema'"
Can you help me?
{
"type": "url",
"id": "slide_link",
"label": "Slide link" //remove the last comma sign "," then its worked.
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024