As you’ve mentioned, after copying and pasting the code onto the banner, the links on the dropdown menu, which appears above the banner, are not working correctly. The problem is that when the dropdown menu items are clicked, the banner’s link is being selected instead of the dropdown menu. To address this issue, please provide me with the specific code you’re using, particularly related to the banner and the dropdown menu. This will allow me to provide more accurate guidance on how to resolve the problem.
Topic summary
A user seeks to make slideshow images clickable in Shopify’s Dawn theme, redirecting to assigned pages when clicked.
Initial Solutions Provided:
- Early responses suggest editing
image-banner.liquidand modifying the liquid schema, but note this requires theme development knowledge. - A working code solution emerges: adding an anchor tag with absolute positioning in
slideshow.liquidand inserting a URL field in the schema afterimage_picker.
Common Issues Reported:
- Dropdown menu conflicts: The high z-index in the original code prevents header dropdown menus from being clickable on desktop when overlapping the banner.
- Unwanted homepage redirects: Images without assigned links default to redirecting to the homepage.
- Mobile display problems: Some users report slideshow elements disappearing or malfunctioning on mobile devices.
- Extra white space: Clickable areas extend beyond intended boundaries, creating unwanted clickable regions below footers.
Updated Solutions:
- Contributors share revised code removing the problematic z-index and restructuring the anchor tag placement.
- Alternative approaches using
onclickinline functions are suggested. - Mobile-specific settings adjustments are recommended.
Current Status:
The discussion remains active with ongoing troubleshooting. Multiple users continue requesting help with dropdown menu conflicts and unwanted clickable behavior, though no definitive universal solution has been confirmed for all Dawn theme versions.
