You are here:
Considerations for Enabling the CPQ Cart with Lightning Web Components (LWC)
When you switch to the enhanced Lightning Web Components (LWC) interface for Industries Configure, Price, and Quote (CPQ), it is important to ensure a smooth setup. Make sure to address any potential issues that arise. Here are some guidelines to ensure complete setup, troubleshoot unexpected views, and handle custom CPQ implementations effectively.
Flexcards to Hide and LWC Components to Show for Each Record Page Layout.
| Record Page Layout | Record Page Components to Update | Flexcards to Hide | LWC CPQ Cart Equivalent to Show |
| Order | Header | cpqGlobalHeaderContainerWrapper or cpqGlobalHeaderWrapper | cpqCartHeader |
| Order | Group Carts Tab (for multisite) | cpqMultisiteGroupSelectorContainerWrapper | cpqCartMultiSiteGroup |
| Order | Main Cart | cpqCartSummaryContainerWrapper | cpqCartTab |
| Order | Catalog Tab | cpqMultisiteGroupSelectorContainerWrapper | cpqCartMultiSiteGroup |
| Order | Normal cart flow: Cart |
cpqCartSummaryContainerWrapper | cpqCartTab |
| Order | Footer | cpqProductConfigureTotalBarWrapper | cpqCartFooter |
| Quote | Header | cpqGlobalHeaderContainerWrapper or cpqGlobalHeaderWrapper | cpqCartHeader |
| Quote | Multisite Group Cart | cpqMultisiteGroupSelectorContainerWrapper | cpqCartMultiSiteGroup |
| Order | Main Cart | cpqCartSummaryContainerWrapper | cpqCartTab |
| Quote | Catalog Tab | cpqMultisiteGroupSelectorContainerWrapper | cpqCartMultiSiteGroup |
| Quote | Normal cart flow: Cart |
cpqCartSummaryContainerWrapper | cpqCartTab |
| Quote | Footer | cpqProductConfigureTotalBarWrapper |
cpqCartFooter |
| Opportunity | Header | cpqGlobalHeaderContainerWrapper or cpqGlobalHeaderWrapper | cpqCartHeader |
| Opportunity | Cart | cpqCartSummaryContainerWrapper | cpqCartTab |
| Opportunity | Footer | cpqProductConfigureTotalBarWrapper |
cpqCartFooter |
Ensure Complete Setup:
To avoid unexpected or inconsistent cart views, make sure to check all necessary checkboxes for the LWC new cart components. Missing configurations can lead to inconsistent behavior.
Troubleshooting Unexpected Views:
If the cart isn't displaying as expected after enabling the LWC new cart, try these:
- Deactivate and Reactivate: Temporarily deactivate the wrapper class and its child Flexcard, then reactivate them. This can sometimes resolve configuration issues.
- Publish Changes: Ensure that your changes are published to take effect.
Addressing Custom CPQ Implementations:
If you're not using the standard Industries CPQ solution and have customized your CPQ implementation, deploying the wrapper Flexcard might not result in the cart loading correctly due to added conditions. To resolve this issue, go back to the previous component (like cpqCartSummaryContainer) and remove any new conditions related to the state of the Flexcards.
Addressing Custom CPQ Implementations:
If you're not using the standard Industries CPQ solution and have customized your CPQ implementation, deploying the wrapper Flexcard might not result in the cart loading correctly due to added conditions. To resolve this issue, go back to the previous component (like cpqCartSummaryContainer) and remove any new conditions related to the state of the Flexcards.
