The Aesthetics settings allow you to fine-tune your store's visual appearance, ensuring a polished and cohesive look. A visually pleasing store design is often perceived as more user-friendly.
Cards
Define how rounded the corners of different cards (e.g., product cards, collection cards) appear. You can also choose whether to apply rounded corners to images.
Note: This setting does not affect full-screen images.
Modals
Define how rounded the corners of modals appear.
Drawers and modals overlay
When a drawer (menu, search, cart, filters) or a modal (promotional popup, quick view, hotspots) is open, the page behind it is tinted and blurred. Set the overlay separately for drawers in Theme settings → Drawers and for modals in Theme settings → Modals.
Drawer and modal overlay settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Color Scheme | Color scheme | Set by the preset | Colors of the drawer or modal itself. |
| Overlay color | Select | Color scheme overlay | Color of the tint behind the drawer or modal. Color scheme text lightens the page on dark color schemes and darkens it on light ones. Options: Color scheme overlay, Color scheme text, Custom. |
| Custom overlay color | Color | #000000 |
The tint color when Overlay color is Custom. |
| Overlay opacity | Range | 30% |
Strength of the tint. |
| Overlay blur | Range | 4 px |
How much the page behind is blurred. Set to 0 to turn the blur off. |
Match the overlay to your brand by choosing Custom and a dark shade of your brand color. A light blur keeps the page recognizable while the drawer or modal stays in focus.
Icons
Icon Stroke Size: Adjust the thickness of icons. Use smaller values for thinner icons and larger values for thicker ones.
Slide arrows
You can enable arrows to appear on hover. By default, arrows are always visible, but when this option is enabled, slider arrows will only appear when the user hovers over the slider.
You can also choose the arrow style: Default / Minimal / No Background.
Animations
Decide whether to enable animations for sections. Animations can add a dynamic, engaging touch to your store’s visuals.