Help CenterHelp Center / Online store and design · Reference
The font, page width, spacing, corner and button settings each theme offers in the Theme tab.
These groups of the editor's Theme tab set fonts, widths, spacing and corners for the whole store. The fields differ by theme. Changes are part of the draft and go live on Publish.
Defaults below are the theme's own. A ready-made layout sets its own values on top.
| Field | Essence | Souq | Pronto | Halo | Bazar |
|---|---|---|---|---|---|
| Heading font | Heading font | Display font | Heading font | Display font | Heading font |
| Body font | ✓ | ✓ | ✓ | ✓ | ✓ |
| Weight | Heading weight | Display weight | Heading weight | Display weight | Heading weight |
| Size, 90–130% | Heading size | Heading size | Heading size | Display size | Heading size |
| Letter case | — | Display letter case | — | Display case | Heading case |
| Display letter spacing | — | — | — | ✓ | — |
| Arabic display face | — | ✓ | ✓ | ✓ | — |
| Theme default | Essence | Souq | Pronto | Halo | Bazar |
|---|---|---|---|---|---|
| Heading font | Fraunces | Fraunces | Manrope | Manrope | Inter |
| Body font | Inter | Manrope | Manrope | Inter | Inter |
| Weight | Medium | Extra bold | Bold | Bold | Semibold |
| Field | Essence | Souq | Pronto | Halo | Bazar |
|---|---|---|---|---|---|
| Page width, theme default in px | 1320 | 1280 | 1200 | 1180 | 1320 |
| Section spacing, theme default | normal | compact | compact | relaxed | normal |
| Content density | — | — | ✓ | — | — |
| Field | Essence | Souq | Pronto | Halo | Bazar |
|---|---|---|---|---|---|
| Corners | — | ✓ | ✓ | — | — |
| Button shape | — | — | — | ✓ | — |
| Card corner radius | — | — | — | ✓ | — |
Essence and Bazar have no Shape group. They keep Card corner radius in Cards. See Product cards and cart.
| Field | Essence | Souq | Pronto | Halo | Bazar |
|---|---|---|---|---|---|
| Button shape | ✓ | — | — | — | ✓ |
The options are square, rounded and pill. The theme default is pill in Essence and rounded in Bazar.
| Field | Essence | Souq | Pronto | Halo | Bazar |
|---|---|---|---|---|---|
| Reveal sections on scroll | ✓ | — | — | In Motion | — |
The switch fades each section up as it enters the screen. It is on by default. Visitors whose device asks for reduced motion never see the effect.
Halo's Motion group is on the Halo theme page.