Why are my collection list links unclickable in the dawn theme?

[EthanOSHOP]

My Collection list links are for some reason not clickable. Any ideas as to why this is?
I'm using the dawn theme.

[oscprofessional]

Hello @EthanOSHOP,
Could you please provide me with the URL for the store you mentioned in your query? Additionally, if the store is password protected, could you share the password as well?

[EthanOSHOP]

wintheoryco.com
There is no password

[oscprofessional]

Hello @EthanOSHOP,
Upon reviewing your collection page, I've observed that the link lists are interactive and clickable.

[EthanOSHOP]

Sorry, not the collection page, the collection LIST, on my home page. They cannot be interacted with.

[oscprofessional]

Hello, @EthanOSHOP ,

If your collection list links are not clickable in your Shopify Dawn theme, there could be several reasons why this is happening:

1. HTML Structure: Check the HTML structure of your collection list links to ensure they are properly formatted with the appropriate anchor <a> tags and href attributes pointing to the correct URLs.

2. CSS Styling: Review any CSS styling applied to your collection list links to make sure there are no styles that are unintentionally preventing them from being clickable, such as setting pointer-events: none; or cursor: not-allowed;.

3. JavaScript Interference: Look for any JavaScript code that might be interfering with the click functionality of your collection list links. This could include event listeners, scripts that manipulate DOM elements, or scripts from third-party apps conflicting with the functionality.

4. Theme Customizations: If you've recently made customizations to your theme, especially in the header or navigation sections where collection links are often located, double-check to ensure that these changes haven't inadvertently affected the clickability of the links.

5. Browser Compatibility: Test the collection list links in different web browsers to see if the issue is browser-specific. Sometimes certain browser extensions or settings can interfere with link functionality.

6. Liquid Code Errors: Review the liquid code responsible for rendering your collection list links to ensure there are no errors or missing elements that could be preventing them from functioning properly.
   By investigating these potential reasons, you should be able to identify the underlying cause of why your collection list links are not clickable and take appropriate steps to resolve the issue.

[dariab1]

Hey,

I have the same problem. When I click on the categories in the collection list "Damen Kollektionen" (screenshot 1),

 

I am not redirected there, although the individual fields are correctly linked to the collections (see screenshot 2). 

 

If I have found the right place in the code, you can see the settings here (screenshots 3 and 4)

 

Can you see at first glance whether something is preventing the redirection to the collections, i.e. the links from working?

The following explanation does not seem to be fulfilled in my case, if I see it correctly:

“HTML Structure: Check the HTML structure of your collection list links to ensure they are properly formatted with the appropriate anchor <a> tags and href attributes pointing to the correct URLs.”

My question would be where and how exactly I should insert the <a> tags if that is the error.

The Theme I am using is Luxe.

Thank you!!

[blinghaven]

Hi, Im having a similar problem. My links are good from the navigation in the header but the web pages the collection list dont click. both on the home page and when you click on all collections and then try to click on each collection picture or link. I have altered the code based on youtube videos to acheive certain effects but I have no idea how to fix this. Any assistance you can provide would be amazing, thank you.

[prakashVt]

I can see your collection list does not have any anchor links at store front. It may be because of broken HTML or Liquid code issues. Just double-check in the section settings the links are assigned. 

If you need further assistance please don't hesitate to connect with me. I can quickly resolve this for you.

[sloast]

Hi there, i am having the same issue as this person. Could you assist me? i do not know how to edit code. my website is www.sloast.com. thanks for your help. 

[prakashVt]

Hello @sloast ,

Let me help you with this. Could you please DM me so I can guide you better?

[RAWolf]

Hey, I just saw that your problem got resolved. I am facing the same issue. how did you achieve that?

[topnewyork]

If the collection list links in your Shopify Dawn theme are not clickable, there could be a few potential reasons for this issue. Here are some troubleshooting steps to help you resolve it:

1. Check HTML Markup: Ensure that the collection list links are properly wrapped in anchor '<a>' tags in the theme's Liquid templates. Open the theme editor, locate the code responsible for rendering the collection list, and verify that the links are structured correctly.

2. Inspect CSS Styles: Use your browser's developer tools to inspect the collection list elements and check if there are any CSS styles applied that might be preventing the links from being clickable. Look for properties like pointer-events or z-index that could affect the link behavior.

3. Disable JavaScript Conflicts: If you have custom JavaScript code added to your theme or installed apps that might interfere with the functionality of the collection list links, try disabling them temporarily to see if it resolves the issue.

4. Review Theme Settings: Check the theme settings in the Shopify admin to ensure that there are no settings or configurations affecting the collection list links' behavior. Look for options related to navigation or collections that might impact the links.

5. Clear Cache: Clear your browser cache and cookies or try accessing your site in an incognito/private browsing window to rule out any caching issues that might be causing the links to appear unclickable.
   
   By following these steps, you should be able to identify and resolve the issue with the collection list links not being clickable in your Shopify Dawn theme.

[EthanOSHOP]

The cause of the problem was this code: .collection-list__item .card-wrapper .card__content {
display: none;
}
It was to get rid of this space:

Is there a way for me to clear this space without making the collections unclickable?