Disabling Full product click in product grid (Refresh Theme)

Store Design
, ,

Topic summary

A user working with the Refresh theme has successfully added a clickable vendor link within the product grid by modifying the card-product.liquid file using link_to_vendor.

Current Issue:

  • The entire product grid card is clickable and redirects to the product page
  • This prevents the vendor link (and other links) from being independently clickable
  • Clicking anywhere on the card—image, title, or vendor link—triggers navigation to the product page

Seeking Solution:
The user needs help modifying the full-card click behavior so that:

  • The vendor link functions independently
  • Other links within the card remain separately clickable
  • The product image/title can still link to the product page without overriding other links

Status: Unresolved; awaiting guidance on how to disable or modify the full product card click event.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

I’m looking to make my link to vendor clickable in my product grid.

I am using Refresh theme.

Within the card-product.liquid file i have modified the text in show_vendor to add a link to the vendor


{%- if show_vendor -%}
<span class="visually-hidden">{{ 'accessibility.vendor' | t }}</span>
<div class="caption-with-letter-spacing light">{{ card_product.vendor | link_to_vendor }}</div>
{%- endif -%}

The issue I have is that the whole product grid is clickable, irrespective of whether I am clicking the image or title. This means that, whilst my vendor link is visible, clicking the whole product grid links to the product.

Does anyone know how I can modify the full click so click event takes place when clicking the image or product title and any other links are independently clickable?

Thanks