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

EthanOSHOP
Explorer
70 0 13

My Collection list links are for some reason not clickable. Any ideas as to why this is?
I'm using the dawn theme.
Image 05-03-2024 at 13.20.jpeg

 

Replies 10 (10)

oscprofessional
Shopify Partner
15905 2378 3087

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?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
EthanOSHOP
Explorer
70 0 13

wintheoryco.com
There is no password

oscprofessional
Shopify Partner
15905 2378 3087

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
EthanOSHOP
Explorer
70 0 13

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

oscprofessional
Shopify Partner
15905 2378 3087

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.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
prakashVt
Shopify Partner
98 9 16

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.

- Did you find my response useful? Mark it as "Accepted solution"; so others can see it, or just like it.
- VTN Power Wishlist Looking for a Wishlist App for your store? Check this app with the free plan available.
- Feel free to Contact me
sloast
Visitor
1 0 0

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
Shopify Partner
98 9 16

Hello @sloast ,

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

- Did you find my response useful? Mark it as "Accepted solution"; so others can see it, or just like it.
- VTN Power Wishlist Looking for a Wishlist App for your store? Check this app with the free plan available.
- Feel free to Contact me

topnewyork
Navigator
298 34 45

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.

 

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
EthanOSHOP
Explorer
70 0 13

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:
Image 28-02-2024 at 21.43.jpeg

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