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.
can you please provide code to me
hey are you providing the code
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
