how to make collection card clickable

Shopify Discussion

Topic summary

A user is implementing a custom collection slider on their Shopify store but encounters an issue where only the heading is clickable, not the entire card.

Problem:

  • Collection cards in the slider have limited clickable area
  • Goal is to make the complete card clickable for better user experience

Proposed Solution:

  • Wrap the slider element with an anchor tag
  • Requires custom coding in the component-card.liquid file

Status: The discussion remains open with one technical solution suggested but not yet confirmed as implemented or tested.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

hi there

i am working on custom collection slider the issue i am facing is only heading is clickable i want complete card to be clickable share url and https://casemart.com.pk/

thanks in advance

2

You need to wrap the Slider slider with the anchor. This need to do custom coding in component-card.liquid file.