...

Repos that we’ll change

Whitelabel: https://github.com/rbilabs/intl-whitelabel-app

...

Figma: https://www.figma.com/file/sfH3mHXoEUfHbm5qMul0Vn/branch/VNb1dzeeYVV0IphMPJo0lt/Popeyes?type=design&node-id=3189-125398&t=b8GDYgoS6YtWAr0K-0

...

Solution overview

We’ll extend the “AddOn section” (that we already use for the “Bag with Handles” solution) and add there the new logic to handle add-on free items.

Because of problems to deal with quantity free X quantity paid on a single cart item we choose to have two items (free item and paid item) on the cart.

...

Task summary

Path for solution in objectives. The breakdown is broken in separate US (other confluence pages, children of this page)

RBI Sanity Shared Schemas/Whitelabel CMS:

• [RBI Sanity Shared Schemas] Extend AddOn section to handle with free items

  • Task 1: Add a new toggle to enable the “free items” on AddOnSection

Whitelabel:

Tasks breakdown

...

• • Task 2: Extend the Option item to have new fields

  • Task 3: Create a new section (fieldset) for the free-addon modal 

Whitelabel:

• [Whitelabel] Handle with free and paid item on checkout page (cart)

  • Task 1:

...

• Add new toggle

  • Motivation: this toggle will enable the new feature integration for “free/promotional items” on the cart

  • Label: Make options in this section as free add-ons

  • Description: By turning this on, guests will be able to add the options in the list of add-ons for free to their order. You can choose which items in the order are eligible to grant free add-ons and also how many add-on units will be free of charge per item.

• Add a new section for the selection of menu items

  Image Removed

  • Motivation: this will help to know what items will be accepting promotional items

  • Label: Menu items for promotional items (to be validated)

  • Description: The items selected here will accept the items selected in the “Options” section above as promotional items (to be validated)

• Add a new field on the “Edit Add On Section Option” to select the number of promotional items for the selected item

  Image Removed

  • Motivation: the client wants to control freely the number of items. This will solve other business problems.

  • Label: Quantity of free add-ons

  • Description: (to be defined)

• Add a new section to select the image for the add-on free promotion modal

  Image Removed

...

• Add a new field for

  • Modal title

    • Label: (to be defined)

    • Description: (to be defined)

  • Modal description

    • Label: (to be defined)

    • Description: (to be defined)

  • Modal button (to be validated)

    • Label: (to be defined)

    • Description: (to be defined)

Order in UI

• New toggle

• New items selection section

• Modal image field

• Modal text areas

  • Create a new feature flag (enable-free-addon-on-cart)

    • This flag will condition the new logic added in the AddOnsItemsContainer

  • Task 2: Add a description on the AddOnsItemsContainer section for the addon-free items

  • Task 3: Add a logic on AddOnsItemsContainer to show the free item or the paid item

• [Whitelabel] Handle with free and paid item on cart (Your cart section)

  • Task 1: Add a logic to deal with the quantity of free items and paid items on the cart

  • Task 2: Add the informative description to the free item on the cart

• [Whitelabel] Handle with quantity limit on the extras modal

  • Task 1: Adjust the extras modal quantity limit for the free item

• [Whitelabel] Add free extras modal on checkout page (cart)

  • Task 1: Create a new component to show the add-on free modal

  • Task 2: Add carousel logic in modal content