Configuring accordion mode on the new Webshop

Blanca Castillo
Blanca Castillo
  • Updated

Where do I find it?

Sales channels > Webshop > Edit the Webshop >

Note: it applies to the new Webshop design

image-20260710-115455.png
image-20260710-115707.png

 

What does it mean?

In the new Webshop, seat categories are shown during ticket selection, underneath the prices. By default, they appear directly on the page in an expanded view.

image-20260703-144456.png

Accordion mode changes this behaviour. Instead of showing every seat category fully expanded, the Webshop displays them in collapsible accordion sections. This creates a cleaner and more guided layout, especially when there are multiple seat categories or many price plans to show.

You can also control the default expansion state:

  • FIRST: only the first seat category is displayed in accordion mode by default.
  • ALL: all price plans are displayed in accordion mode.

If you enable New webshop - Display accordion mode but do not set a value for the second accordion setting, the Webshop displays only the first price in accordion mode by default.

 

What should I do?

Follow these steps to configure accordion mode for seat categories.

  1. Go to Sales channels > Webshop.
  2. Open the Webshop you want to configure.
  3. Make sure the Webshop is using the new Webshop design.
  4. Enable the setting New webshop - Display accordion mode.
  5. Select the default accordion behaviour for seat categories.

The available behaviours are:

  • FIRST — only the first seat category is opened in accordion mode by default.
image-20260703-145051.png
image-20260703-144958.png
  • ALL — all seat categories or price plans are shown in accordion mode.
image-20260703-145139.png
image-20260703-145240.png

If accordion mode is enabled without selecting the related default-state setting, the Webshop falls back to showing only the first price in accordion mode. This can cause confusion if you expected all seat categories to be expanded or visible in the same way.

image-20260703-145457.png
image-20260703-145405.png

Best practice: Configure and validate accordion mode in UAT first, then apply the same setup in LIVE once the display matches the intended customer experience.

 

Good to know

  • Accordion mode only affects how seat categories are presented in the new Webshop. It does not change the underlying product, pricing, or booking logic.
  • Always review the result on both desktop and mobile devices, because collapsible layouts can feel different depending on screen size.

 

FAQs

 

What happens if accordion mode is not enabled? ▼

Seat categories are displayed on the ticket selection page under the prices in the default expanded page layout.

What is the difference between FIRST and ALL? ▼

FIRST shows only the first seat category in accordion mode by default. ALL displays all price plans in accordion mode.

Can I enable accordion mode directly in LIVE? ▼

Yes, but it is recommended to test it in UAT first so you can confirm the customer-facing layout before making the change available to all customers.