javascript - Bundle Product Calculator and Checkout Widget on Shopify Custom Landing Page

I hope you are well and all is well. As I shared the example in the link below, I need a calculator where I can show the prices of multiple products, as well as show the discount and free product as a percentage, and then redirect to the checkout page. Has anyone tried something like this before? The site in the example was made with Shopify. If anyone has any ideas about this and share it, I would be very happy.

https://maineroast.com/products/maine-roast-protein-coffee (https://maineroast.com/products/maine-roast-protein-coffee)

Screenshot (https://i.stack.imgur.com/eaNKy.png)

Here's what I have to do:

1. If user buy 1 single product - No discount/no bundle (unless people enter discount code 25-30%)

2. If user buy 2 products, bundle discount (%10) + free x product + Free shipping

3. If user buy 3 products, bundle discount (%15) + free x product + free y product + free shipping applied

and I'll do it all inside a custom landing page template.

I searched a lot but unfortunately I couldn't solve it.

Thanks in advance.

Didn't find the answer?

Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.