App or coding? Buy 1 get 1 free

Store Design
, , , , ,

Topic summary

A user seeks to implement a “Buy 1 Get 1 Free” mix-and-match feature on their Shopify jewelry store, inspired by a product page design on luckyfours.com. The desired functionality allows customers to switch and select different products within a bundle before adding to cart.

Key Requirements:

  • Exact layout replication from the reference site
  • Strong preference for custom code over apps to avoid third-party dependencies
  • Focus on increasing conversions through improved product bundling

Suggested Solutions:

  • Custom Liquid template modifications for dynamic bundle selection
  • JavaScript implementation for interactive “Switch Product” functionality
  • Alternative: Bundler app for mix-and-match capabilities (though user prefers coding)

Current Status:
The user has limited coding experience (“copy and paste” level) and is seeking assistance to implement the custom code solution. No resolution reached yet; discussion remains open with the user requesting help to execute the coding approach.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

IMG_9580.jpeg
IMG_9580.jpeg1170×1061 89.3 KB

I saw this function on a website called luckyfours.com under product page I’m looking for the same design so my customers can mix and match any jewelry from my store. When you click “switch watches” you can change any product I will like for my product page to have exactly this to higher my conversions thanks!

I need the exact same layout I can’t find any app also I feel like coding would be much better as I don’t really like having apps on my website but any help is greatly appreciated!

2

Unfortunately that’s just for discounts there’s a lot of apps with that same function. Thanks tho!

3

Hey there @leoking I think your best option would be an app as opposed to coding. I suggest trying our Bundler- Product Bundles app to allow customers to mix and match the products in your store easily. If you decide to give it a try, let me know if you need clarity on something else.

4

Hi @leoking

For an accurate Buy X Get Y Free with mix-and-match functionalities like LuckyFours, you must employ custom coding, which is superior anyway under your aversion to using apps. Here’s how you may accomplish it:

  1. Custom Shopify Liquid Code: Modify your product page template to create a dynamic bundle selection wherein consumers choose items.
  2. JavaScript for Interactivity: Implement a “Switch Product” feature with JavaScript to allow customers to swap products before adding to cart.

If coding isn’t an option, a Shopify developer can replicate this design without relying on third-party apps.

5

Hey thanks for they’ll help! I would rather it as code if you can help me do it because I’m really not that family with codes except the copy and paste one lol