• Issue: In Shopify’s Dawn theme, a customized collection card shows a button over the image, but only the button is clickable. This causes usability issues on mobile and some desktops when taps miss the button. The goal is to make the entire collection card (image + button) a single clickable target.
• Proposed fix: Wrap the entire card element in an HTML anchor tag linking to the collection URL, e.g., [card element]. This makes the whole card area clickable and improves tap targets.
• Technical context: A “collection card” is the Dawn component that previews a collection; the anchor () is the standard HTML link element. Implementing likely requires editing the theme template/section to wrap the card container; no specific files or detailed code were provided.
• Status: Only a high-level solution was suggested; there’s no confirmation it resolved the issue. A screenshot was provided for context; the discussion remains open.
Hi,
I customised the button and it goes above the image, but it isn’t clickable and it makes it tricky on mobile and even some desktop, as if you don’t click exactly on the button it doesn’t work. How to make the whole collection card (images + button) clickable?
thanks
