Re: Switch product without loading

How can I switch products without reloading the page?

cpozo
Shopify Partner
4 0 2

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 !

Replies 4 (4)

KetanKumar
Shopify Partner
37094 3645 12053

@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.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] 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
Shopify Partner
4 0 2

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

KetanKumar
Shopify Partner
37094 3645 12053

@cpozo 

can you just disable lazyload or animation 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] 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
Shopify Partner
7 0 2

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.