How to make images in multicolumn links Dawn 7.0.1

[rjluna]

I have a 4 column multicolumn with 4 images and text on my home page. How can I make the images and text hyperlinks? Thanks in advance!

 

[BSS-Commerce]

Hi @rjluna ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[rjluna]

Store Link: https://cornholeantics.myshopify.com/

Password: cornholeantics

Thanks!

[rjluna]

Hi there, can you please help?

Ruben

[rjluna]

Hi, is this possible? Thanks!

[BSS-Commerce · Accepted solution]

Hi @rjluna .

I apologize for the delayed response.

You are using the "Multicolumn" layout to display a list of products or collections.

To add hyperlinks to both the image and plain text, please follow these steps:

1. Ensure that you have added links to all columns.

2. Open your theme settings by navigating to "Customize" and then access the "multicolumn.liquid" file.

3. Add the following code as the image illustrates:

   a) The image:

   

   {% if block.settings.link != blank %}
   <a href="{{ block.settings.link}}">
   {% endif %}
   ...
   {% if block.settings.link != blank %}
   </a>
   {% endif %}

   b) The plain text:

   {% if block.settings.link != blank %}
   <a href="{{ block.settings.link}}" style="color: inherit; text-decoration: none;">
   {% endif %}
   ...
   {% if block.settings.link != blank %}
   </a>
   {% endif %}

4. Save your changes and check the result.

I hope this helps you achieve the desired outcome. @rjluna 

[rjluna]

Brilliant! This worked perfectly.

Thank you!