How to make "image with text" clickable on home page

NYCBeast
Tourist
33 0 2

I am using an "image with text" on my homepage stating there is 15% off all of my products however I would like to make the image clickable and have it link it another page, most likely to the "all products" section. The only option for anything clickable is a button, not an actual image.

This is the sale image I want to be clickable. My site is https://www.beastylenyc.com/

imagewtext.jpg

 

Looking for any assistance in resolving this, thanks.

0 Likes
Zworthkey
Shopify Partner
333 18 57

Hello 

Go to Online Store-> Themes -> Edit code->Sections->hero.liquid
Add this schema:

 

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

This will give you backend setting to add link to that image.

 


Search this code:

 <div class="hero__inner">
        <div class="page-width text-center">
          {%- if section.settings.title != blank -%}
            <h2 class="h1 mega-title{% if section.settings.text_size == 'large' %} mega-title--large{% endif %}">{{ section.settings.title | escape }}</h2>
          {%- endif -%}
          {%- if section.settings.text != blank -%}
            <div class="rte-setting mega-subtitle{% if section.settings.text_size == 'large' %} mega-subtitle--large{% endif %}">{{ section.settings.text }}</div>
          {%- endif -%}
          {%- if section.settings.button_label != blank and section.settings.button_link != blank -%}
            <a href="{{ section.settings.button_link }}" class="btn hero__btn">
              {{ section.settings.button_label | escape }}
            </a>
          {%- endif -%}
        
        </div>
      </div>

Replace this code with :

<a href="{{ section.settings.image_link }}">
      <div class="hero__inner">
        <div class="page-width text-center">
          {%- if section.settings.title != blank -%}
            <h2 class="h1 mega-title{% if section.settings.text_size == 'large' %} mega-title--large{% endif %}">{{ section.settings.title | escape }}</h2>
          {%- endif -%}
          {%- if section.settings.text != blank -%}
            <div class="rte-setting mega-subtitle{% if section.settings.text_size == 'large' %} mega-subtitle--large{% endif %}">{{ section.settings.text }}</div>
          {%- endif -%}
          {%- if section.settings.button_label != blank and section.settings.button_link != blank -%}
            <a href="{{ section.settings.button_link }}" class="btn hero__btn">
              {{ section.settings.button_label | escape }}
            </a>
          {%- endif -%}
        
        </div>
      </div>
      </a>
Want to modify or incorporate custom changes on store, hire us
If helpful then please Like and Accept the Solution.
Email:official@zworthkey.com
Thank you Have a Great day
0 Likes
NYCBeast
Tourist
33 0 2

That didn't work. When I do that I see this when I go back to customize settings:

 

Broken HTML has been detected in your theme's sections/hero liquid file. Check that there are no missing or extra HTML tags present.

 
0 Likes
Zworthkey
Shopify Partner
333 18 57

can you add me as your staff member.

Thank you

0 Likes
NYCBeast
Tourist
33 0 2

Yes, send me your email add

0 Likes
Zworthkey
Shopify Partner
333 18 57

I didn't yet get the invitation.

Thank you.

0 Likes
Zworthkey
Shopify Partner
333 18 57

I can't get any invitation sorry for that. Check out this process.

 

  1. Log in as the store owner.

  2. From your Shopify admin, click Settings, and then click Plan and permissions.

  3. In the Staff section of Permissions, click Add staff.

  4. Enter a first name, a last name, and an email address for the new staff member. Make sure to enter the staff member's full name as it appears on any government-issued ID.

    Note

    By default, the staff member has full access to your admin. You can uncheck the Staff has full permissions checkbox to restrict this staff member's permissions for accessing areas of the admin.

  5. Click Send invite.

0 Likes
Zworthkey
Shopify Partner
333 18 57

i got your invitation thanks

0 Likes
Zworthkey
Shopify Partner
333 18 57

hi, check out your website 

If not Satisfied yet pls contact us at danielborazworthkey@gmail.com

Pls Like and accept the Solution.

Thank you.

0 Likes
Zworthkey
Shopify Partner
333 18 57

Hi, 

now check your Website . All is working Properly.

0 Likes