How to fix the links in my collection list

Hi eveyone,

I need help with my collection list, my collection lists are not clickable I don’t know what happened, but it was working fine and it is not.
Store preview link:https://vpmhjfi2bnp4v1y9-13830324282.shopifypreview.com

1 Like

Sometimes, theme updates or code changes can affect the behavior of elements like collection links. I’d recommend looking at the theme’s Liquid files (specifically the collection.liquid and collection-list.liquid files) to ensure nothing has changed that would prevent links from being clickable.

If you recently installed a new app or plugin, it could be conflicting with the collection links. Try disabling the app temporarily and see if the issue resolves.

If your browser or the store’s cache is outdated, it could be displaying an old version of the site. Clearing the cache or checking in an incognito window can help confirm this. If your theme was recently updated, there may be a compatibility issue. You might want to roll back to an earlier version of the theme to see if that resolves the issue.

1 Like

Hi @IntechCarl

This code in base.css file caused the issue.

@media screen and (min-width: 750px) {
    .collection-list .card__information {
        display: none;
    }
}

Please replace the above code with this code to solve the issue.

@media screen and (min-width: 750px) {
    .collection-list .card__information {
        opacity: 0;
        height: 0;
        margin: 0;
    }
    .collection-list .card--standard > .card__content { height: 0; }
}

1 Like

Hi,

Hope this will help

  • Collection List section and check setting for “Enable Clickable Links.” If you find it, turn it ON

if above step not working

  • Fix the Code in Theme Files

Code example


   

      
      

{{ collection.title }}

   

  • Check css for Invisible Links
1 Like