Xboost

Product add-ons in the cart

Overview

Multi products add-ons shows extra products in the cart drawer footer, each with a toggle, for example gift wrapping. When the shopper turns a toggle on, the product is added to the cart. Turning it off removes it.

Steps

1. Turn on add-ons

  1. Click Cart Drawer in the app menu.
  2. Click Footer, then Multi products add-ons.
  3. Tick Enable Multiple Addons.

Multi products add-ons settings with Products, Quantity, Select Addon Product Variant, layout, Hide Description, Image Size, text size and text style

2. Choose the products

  1. Click Select Addon Product Variant and pick the product variants.
  2. Set the Quantity for each product.
  3. Click the trash icon to remove a product.

3. Change the look

  • Appearance - Layout: pick a Layout, tick Hide Description if needed, and set the Image Size.
  • Appearance - Text size: Title Size and Description Size.
  • Appearance - Text style: Title Color, Description Color and Toggle Color.

4. Save

Click Save in the bar at the top of the page.