How can I switch products without reloading the page?

cpozo · ‎04-03-2022

I have seen in multiple sites the possiblity to add inside the product page a switch component to change among different products without loading the page. How's this possible ? Maybe you can solve it using variants ?

Examples:

https://drinkolipop.com/products/ginger-lemon

https://www.drinkhint.com/products/blackberry-hint-water

Thanks !

KetanKumar · ‎04-03-2022

@cpozo

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

cpozo · ‎04-03-2022

Is not an issue, I'm just asking how to achieve this ?

KetanKumar · ‎04-03-2022

@cpozo

can you just disable lazyload or animation

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Sandy_1 · ‎04-06-2022

JavaScript! The path in the URL is changing, but you're not really changing to a different page. If you refresh the page then you will then be on that products page. They will have a custom product page that looks up a number of products from a collection and treats them like variants... but they will in fact be individual products.