actually i don’t know how to do this can you provide any CSS code or something else
Topic summary
Goal: Make the entire image slider clickable on the storefront (mottobeauty.in).
Proposed approach: Use JavaScript to attach a click event to each slide instead of wrapping the whole slide in an anchor () tag, which can break slider functionality.
Implementation details provided:
- Add a script before the closing tag in theme.liquid.
- Target the slide elements by their class (e.g., .slider-item), change the cursor to pointer, and use window.location.href to redirect on click.
- Replace the placeholder class with the site’s actual slide class and set the desired destination URL.
Request for help: The store owner isn’t sure how to implement the script and asked for a CSS-only solution or simpler guidance.
Status: No CSS solution or step-by-step implementation instructions were given yet. The discussion remains open.
Next steps suggested:
- Identify the correct slide CSS class in the theme markup.
- Insert the provided script in theme.liquid as directed and test.
- If a CSS-only method is required, request further guidance or an alternative that preserves slider functionality.
1 Like
can you please provide code to me
1 Like
hey are you providing the code
1 Like
Hi can you able to solve this issue
Do you have coding knowledge ? You have to merge this code on Predefined Json and Liquid .
No i don’t have coding knowledge can you guide me properly so i can try