How to show a product bundle summary
Use the "V2 (legacy)" version of the documentation if the "V3 enabled" toggle is not enabled under "Settings -> Styling".
When using the product bundle feature in Qonfi, you can also show a summary with useful information to the user. By default, this summary contains the subtotal, vat and total prices.
A huge advantage of using a summary, is that the add-to-cart button is sticky and always visible on your screen. On mobile devices the summary will sticky to the bottom of the screen.
Please note: The summary is only shown when the add-to-cart url's are mapped in Qonfi and the add-to-cart button is shown in the advice.
1. Enabling the summary
Enable the summary under "Settings -> Product bundles -> Summary".
2. Editing the basic settings
The following basic settings can be edited:
- Summary title: the title shown above the summary.
- Summary toggle show text: The toggle text shown on mobile when the summary is hidden.
- Summary toggle hide text: The toggle text shown on mobile when the summary is shown.
- Summary sticky offset: If your website has a sticky header, you can prevent the summary from getting overlapped by the website header by adding an offset in pixels that matches the height of the header on your website.
3. Configuring which summary fields to show
Under 'Summary Items', you can construct your summary. By default, the summary contains the subtotal, vat and total prices. But you can also add your own items, if for example you want to show a recap of which values (width, length, size etc.) a user entered.
Good to know: You can use variables in the value field to show user inputs or calculated values like width, length, size etc.
How to display a list of products and prices in the product summary
To show a list of all individual products along with their prices in the summary, go to Summary Items.
Click Add Item, and from the dropdown, select Product List.
This will add a section to the summary that displays each product with its corresponding price.
An example of how this will look is shown below.
Documentation