Adjust the styles of your Product Tabs under Style/Publish Product Tabs > Style Settings to match your store theme seamlessly.
Under the Style Preview panel, you can quickly view the style adjustments you make immediately. Fonts and font sizes will follow the theme that you are using automatically but are not reflected in the Style Preview Panel.
On this Page:
Overall Style
There are 5 preset styles to select from. They are based on modern designs and curated to suit many themes:
- Normal
- Underline
- Link
- Pill
- Box
Display Type
Select the responsive behaviour for your Product Tabs here. Select to display your Product Tabs as either Accordions or Tabs from a desktop or mobile device:
- Desktop - Display for screens 576px and above
- Mobile - Display for screens 576px and below
Adjust Styles
Upon selection of the Overall Style you can further customise colours and font variables to match your store theme:
- Default Tab - Styling of the Accordion/Tabs that are unexpanded/closed
- Active Tab - Styling of the Accordion/Tabs that are expanded/open
- General - Styling for the background elements of the Accordion/Tabs
Accordion Display
Adjust your Accordion styles and default display behaviours:
- Accordion Icons - Styling of Accordions icons
- Collapse all accordion panels at the beginning - Accordions will be closed by default
- Allows multiple panels to be expanded at the same time - Accordions will not auto-close when you open another Accordion
