How to create a dropdown that redirects to a different product

Store Design
,
1

Basically I am trying to recreate this site’s drop down boxes above their products, which let you view products tailored to your phone model. (For example if I select the iPhone 13 it will only show me iPhone 13 cases.

I believe they have a separate product for every phone model, but I would like to know how to create that square drop down box and add it to the catalog menu.

More importantly, I’d like to know how they’ve added the same drop down to their product pages and connected it to separate products, I’ve left a link below, but when you change the variant on the product page, it redirects you to a different product with the same case but in your desired model.

Any advice helps, thank you.

Product page: https://www.burga.com/products/cute-iphone-13-case?variant=40642467332271

Demonstration of the drop-down: https://imgur.com/a/WdSRPyu

2

Hi @styl ,

This is possible and it’s little bit tricky. I can help you with this.

can you please share your store details? also, let me know how you would like to implement in your website,

3

styl-case.myshopify.com, how would this be done?

4

To achieve such things there some development is require in your current theme. IF you have the idea regarding liquid code and JavaScript then you are able to achieve this by your own.

5

I have no idea how to do any of that haha, do you know any shopify app that can do it?

6

You can add me in your store as a staff member. I’ll check and develop for you.

let me know if you are okay with this.

1 Like
7

Hm, maybe you can tell me where to paste the code (if there is any)?

8

How do I give you access?

9

Ok, I have just given you access as it seems you’ve requested it here