Hello, I added a check box to my collection list section that allows me to hide or show the collection title, but when I hide the titles, the images become unclickable; could you please help me fix this? my store password: hamza {{ 'section-collection-list.css' | asset_url | stylesheet_tag }} {{ …

Hi @hamza-elkaissi1 , Please change all code: {{ 'section-collection-list.css' | asset_url | stylesheet_tag }} {{ 'component-card.css' | asset_url | stylesheet_tag }} {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px…

@hamza-elkaissi1 Hello, [techlyser_ecom_0-1674330169695.png] if you want to image of collection card make clickable then you should be edit in ‘card-collection’ snippet. snippet >> card-collection in this snippet, firstly find all [image] then add before the <img and add after example- […

Can you please do it for me? When I try to apply your instructor by myself, what happens is that when I click on any collection, it directs me just to the home page. the is the snippet code {% comment %} Renders a collection card Accepts: - card_collection: {Object} Collection Liquid …

@hamza-elkaissi1 - can you please share the page link where you are facing this issue?

I face his issue in the home page my store password: hamza

please replace the whole code with given code in ‘card-collection’ snippet. {% comment %} Renders a collection card Accepts: card_collection: {Object} Collection Liquid object media_aspect_ratio: {String} Size of the product image card. Values are “square” and “portrait”. Default is “square” (o…

@hamza-elkaissi1 please add the link in tag which collection link want you to add on the particular image. (see the screenshot) [techlyser_ecom_0-1674764237857.png]

@LitCommerce I’m so happy with this code, thank you! Is there a way to remove the padding/margin underneath the images aswel? Where the title used to be? I want my collections grid without any padding but can’t find how to do this :). If someone else reads this and know what I mean, any help is app…

How would I do this on my website www.XGear101.com here is my code for the card-collection {% comment %} Renders a collection card Accepts: card_collection: {Object} Collection Liquid object media_aspect_ratio: {String} Size of the product image card. Values are “square” and “portrait”. Defaul…

How to make collection list images clickable when titles are hidden?

Store Design

hamza-elkaissi1 January 26, 2023, 7:35pm 7

Hi, now the image is clickable, but it just redirects to the home page, not to the actual collection!

Topic		Replies	Views
Collection grid full width + make image clickable Store Design design , customizations , collection-page , css , shopify-themes	3	168	April 2, 2023
Hide collection list title homepage dawn theme Store Design	36	437	April 16, 2026
Collection List Images in Dawn theme are only clickable on part of image Store Design customizations	11	249	October 29, 2024
How to make collection images look like the image below on main page Store Design customizations	14	94	February 21, 2025
Need help on removing the title cards from the collection in Dawn Theme Technical Q&A	6	93	February 23, 2022

How to make collection list images clickable when titles are hidden?

Related topics