Table of Contents
Business Problem
As Product Owner (PO) of Popeyes and Burger King, I want to remove the premium options section and have their respective products listed along with the other add-on options reporting their additional cost, because we think it would be more appropriate than placing them in one section Aside from being something premium at additional cost, customers tend to overlook this option. On the other hand, when they are displayed alongside the other add-ons, it increases the likelihood that customers will add them to their order.
"1- Premium items, such as Bacon Cheese Fries, should be relocated to the add-ons section of the menu, instead of the premium options section, which should be removed.
2 - The additional cost of the products must be clearly indicated next to their description in the add-ons section."
Premium Options configuration and behavior
How to configure the premium options in Sanity
Given a specific picker (or combo) all the selected picker combinations can have premium items configured as the following guide:
Select picker combination
Select the menu item
The item will have an “Options” section.
All these options can be configured to have premium items or not
Scroll down the item
You’ll find the “Options” section
All these are eligible to be premium or not
Select the desired option
Configure the option to be premium or not using the toggle “Is Premium Item”
If this toggle is off for all the options in the menu item, the “Premium Options” section will not be shown
How to configure Premium Options to not have the title/section (0 development solution)
The application already has the ability to hide the premium options title/section and show the premium items alongside the others using a feature flag.
LaunchDarkly flag:
Staging env: https://app.launchdarkly.com/intl-guest-app/staging-plk-es/features/enable-product-upsell-simplified/targeting
Flag name/key: enable-product-upsell-simplified
Other possible solution (development needed)
Change the items order - highlight premium options - development in progress
If only the feature flag solution is not enough, we can combine this feature flag behavior by changing the order of the items: the premium items first on the list.
Besides that, it will be good to consider in the new solution:
The creation of a new feature flag or toggle in Sanity
It is important to guarantee that all the markets can configure this only if they want this new behavior
The fix for the short-term solution is already available at the card IBFEC-1311 - Getting issue details... STATUS .
The new flag for our fix is: https://app.launchdarkly.com/intl-guest-app/dev-plk-es/features/enable-premium-options-at-first-position/targeting
Our flag will depends on the
enable-product-upsell-simplifiedflag (https://app.launchdarkly.com/intl-guest-app/dev-plk-es/features/enable-product-upsell-simplified/targeting). If this flag is off our solution will not work.
For Devs
The needed logic will be inside this file: frontend/src/components/product-detail/product-customization/product-customization-options.tsx
Adjust FE to respect the item order configured in Sanity
Current problem
Today in the current app, even if the user changes the order in Sanity and puts some premium items at the top of the list, this will not be reflected on the FE UI:
Premium item as first on Sanity:
Premium item always at last position on the FE UI:
This happens because we have a hard-code solution that will always put the premium items in the last position:
Solution proposal
Some thoughts that we have:
Configure menu by menu or option by option can be a big challenge and a waste of human resources
With the above point in mind, a desired path will be to have a new toggle in Sanity to enable or disable this new proposal for all the menus at once
Technically speaking
For the user UX/UI:
Option 1 - Add a new toggle in Feature Menu
We can add a new toggle in Sanity. As we want this behavior for all the menu items, perhaps it makes sense to have this new toggle in a parent document/structure
Marketing Content → Features → Feature Menu
If the toggle is ON
The FE will respect the order of the items that the user configures on Sanity
If the toggle is OFF
Nothing will be changed and we’ll have the default behavior that we have today (two lists hardcoded inside the FE code and the premium options at the end)
We think it is important to keep this behavior because we don’t know how the other markets have the configurations on Sanity. The items could be a mess (sorted in a wrong way, for example), and we don’t want o impact all markets in a roll
The order of each menu item option will need to be changed to the desired configuration
Option 2 - Add a new toggle inside Combo Slot
The order of each menu item option will need to be changed to the desired configuration
Pros and Cons
Option 1
Pros:
Toggle to change the configuration for all the menus in one place
If the menu items are created correctly with the order of the options inside the combo slot in the correct order, the user will need to turn ON only one toggle to make the FE respect the order of the items
Cons:
The order of each menu item option will need to be changed to the desired configuration
Option 2
Pros:
If the users never configure the order of the menu options correctly, perhaps it will not make sense to let a toggle be far away from the menu options list
Cons:
The order of each menu item option will need to be changed to the desired configuration
0 Comments