Product bundles

A light themed product bundle section for Framer.

Last updated on:

Updated on:

Available variants

A dark themed product bundle section for Framer. UI optimized for desktop breakpoints.
A dark themed product bundle section for Framer. UI optimized for tablet breakpoints.
A dark themed product bundle section for Framer. UI optimized for phone breakpoints.
A light themed product bundle section for Framer. UI optimized for desktop breakpoints.
A light themed product bundle section for Framer. UI optimized for tablet breakpoints.
A light themed product bundle section for Framer. UI optimized for phone breakpoints.

Frequently Bought Together Product Bundle for Framer

This frequently bought together section for Framer helps shoppers add more to one order. The main product stays locked, and two extras can be ticked on or off. As they change, the total, saving, item count, and button label all update.

...
...

Variants:

6

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Copy this section, open your Framer project, and paste it into the proper page.

  • Copying requires a standard member account, so sign in first if the button does not respond.

  • Place it below your main product details.

  • The product tiles live in the Product bundle 1 Picker. Change Image 1, Image 2, and Image 3 there.

  • The first product is always included. The other two can be ticked on or off.

  • Change product names and prices on Light Both. The other variants pick them up.

  • Totals are typed by hand because Framer does not add numbers by itself. There is one state for each choice: Both, Mug, Flask, and None.

  • When prices change, update the count, total, items value, and saving in all four states. Repeat for Light, Dark, and Stacked.

  • Add to bag shows Added to bag, then resets. Link it to your store or checkout to make the sale.

  • The section has rounded corners and a thin border. Set Radius to 0 and remove the border on each variant for a full-width look.

Where to use?

  • Use it on a product page, below the buy button.

  • It also works on a bundle page or a gift set page.

  • Choose products that truly go together, like a mug with a bowl, so the offer feels helpful.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Frequently Bought Together Product Bundle for Framer

This frequently bought together section for Framer helps shoppers add more to one order. The main product stays locked, and two extras can be ticked on or off. As they change, the total, saving, item count, and button label all update.

...
...

Variants:

6

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Copy this section, open your Framer project, and paste it into the proper page.

  • Copying requires a standard member account, so sign in first if the button does not respond.

  • Place it below your main product details.

  • The product tiles live in the Product bundle 1 Picker. Change Image 1, Image 2, and Image 3 there.

  • The first product is always included. The other two can be ticked on or off.

  • Change product names and prices on Light Both. The other variants pick them up.

  • Totals are typed by hand because Framer does not add numbers by itself. There is one state for each choice: Both, Mug, Flask, and None.

  • When prices change, update the count, total, items value, and saving in all four states. Repeat for Light, Dark, and Stacked.

  • Add to bag shows Added to bag, then resets. Link it to your store or checkout to make the sale.

  • The section has rounded corners and a thin border. Set Radius to 0 and remove the border on each variant for a full-width look.

Where to use?

  • Use it on a product page, below the buy button.

  • It also works on a bundle page or a gift set page.

  • Choose products that truly go together, like a mug with a bowl, so the offer feels helpful.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Frequently Bought Together Product Bundle for Framer

This frequently bought together section for Framer helps shoppers add more to one order. The main product stays locked, and two extras can be ticked on or off. As they change, the total, saving, item count, and button label all update.

...
...

Variants:

6

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Copy this section, open your Framer project, and paste it into the proper page.

  • Copying requires a standard member account, so sign in first if the button does not respond.

  • Place it below your main product details.

  • The product tiles live in the Product bundle 1 Picker. Change Image 1, Image 2, and Image 3 there.

  • The first product is always included. The other two can be ticked on or off.

  • Change product names and prices on Light Both. The other variants pick them up.

  • Totals are typed by hand because Framer does not add numbers by itself. There is one state for each choice: Both, Mug, Flask, and None.

  • When prices change, update the count, total, items value, and saving in all four states. Repeat for Light, Dark, and Stacked.

  • Add to bag shows Added to bag, then resets. Link it to your store or checkout to make the sale.

  • The section has rounded corners and a thin border. Set Radius to 0 and remove the border on each variant for a full-width look.

Where to use?

  • Use it on a product page, below the buy button.

  • It also works on a bundle page or a gift set page.

  • Choose products that truly go together, like a mug with a bowl, so the offer feels helpful.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Frequently Bought Together Product Bundle for Framer

This frequently bought together section for Framer helps shoppers add more to one order. The main product stays locked, and two extras can be ticked on or off. As they change, the total, saving, item count, and button label all update.

...
...

Variants:

6

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Copy this section, open your Framer project, and paste it into the proper page.

  • Copying requires a standard member account, so sign in first if the button does not respond.

  • Place it below your main product details.

  • The product tiles live in the Product bundle 1 Picker. Change Image 1, Image 2, and Image 3 there.

  • The first product is always included. The other two can be ticked on or off.

  • Change product names and prices on Light Both. The other variants pick them up.

  • Totals are typed by hand because Framer does not add numbers by itself. There is one state for each choice: Both, Mug, Flask, and None.

  • When prices change, update the count, total, items value, and saving in all four states. Repeat for Light, Dark, and Stacked.

  • Add to bag shows Added to bag, then resets. Link it to your store or checkout to make the sale.

  • The section has rounded corners and a thin border. Set Radius to 0 and remove the border on each variant for a full-width look.

Where to use?

  • Use it on a product page, below the buy button.

  • It also works on a bundle page or a gift set page.

  • Choose products that truly go together, like a mug with a bowl, so the offer feels helpful.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Library overview

Framerstacks hosts one of the largest collections of pre-built Framer components and website sections. With 270+ professionally designed components and 1000+ variants.

Our library spans 120+ webpage section categories, enabling creators to build beautiful, high-performance websites in Framer faster than ever.

Explore the main library page.

Contribution

Have something creative on your mind? Or wish to become a contributor inside Framerstacks?

You're welcome. Join as a contributor and help to shape the future of the high-quality Framer components and sections gallery. Head over to the submission page and contribute.

Support

If you need any further support related to this specific component or section, please get in touch at hello@framerstacks.com

One of our customer support team members will get in touch with you within 24 hours.

To report an issue with the product, purchase, functionality, submit a ticket.

Just like more components

The FAQs

Have questions? We got youโ€ฆ

Everything you need to know about our product and billing.

What is Framerstack?

Is there a free plan available?

What about the refund policy?

How I can avail my user license?

Still have questions? Or can't find the right answer? Please contact us. One of our customer support team members will get in touch with you.

Join to the community

Stay in the loop with everything you need to know.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.