If you’re creating an online store using the Shopify Dawn theme, you’re probably already enjoying its sleek design and user-friendly features. However, you might be wondering how to make multicolumn images clickable to provide a more engaging shopping experience for your customers. Don’t worry – we’ve got you covered! In this blog post, we’ll guide you through the process of making multicolumn images clickable on your Shopify Dawn theme with easy-to-follow steps.
Log in to your Shopify admin panel, navigate to the Online store, click on the themes, and go to the edit code in the selected theme.
Search and open multicolumn.liquid file from the sections folder.
search ‘number_of_columns‘ and find the below code.
{%- liquid
assign number_of_columns = section.settings.columns_desktopAdd this code above the code
<a style="opacity: 0; z-index: 3" class="img-click"
{% if block.settings.link == blank %}
role="link" aria-disabled="true"
{% else %}
href="{{ block.settings.link }}"
{% endif %}>img link</a>
One Response
“number_of_columns” does not appear anywhere in my Dawn code. I could not find anywhere to insert the code. I see a couple of other people in the YouTube comments have the same problem. Maybe Shopify has updated the code?