1. Docs
  2. Theme settings

Theme settings

Liquid glass

Choose, surface by surface, what is liquid glass and what is solid: panels, buttons and the labels laid over your photos. Everything is glass by default.

Open these settings#

  1. In the theme editor, click the Theme settings icon (the paintbrush) in the left toolbar.
  2. Click Liquid glass to expand the group.
  3. Changes preview instantly. Click Save to publish them.

Every glass surface of Opaline has its own checkbox. All are on by default, so the theme opens in liquid glass. Turn one off and that surface becomes solid, in its own tone: smoked glass turns into solid black with white text, clear glass into solid paper with dark text, and veils keep their shade without the blur.

GroupSettingSurface
PanelsCart drawerThe side panel that opens on add to cart.
PanelsMenus and mega menuDrop-down menus and the mega menu panel.
PanelsFilter panelThe filter drawer of collection and search pages.
PanelsMobile menuThe menu drawer on phones and tablets.
PanelsSearchSearch suggestions and the search field.
PanelsPopupThe promotional popup.
PanelsStore pickup panelPickup availability on the product page.
PanelsBlur behind open panelsThe page behind an open panel; off, a plain dark veil.
ButtonsCarousel arrowsArrows of sliders and product rows.
ButtonsBack-to-top buttonThe round button that returns to the top.
ButtonsQuick view and quick add buttonsThe round buttons on product cards.
ButtonsScroll cursorThe round cursor over scrolling rows.
ImagesLabels and buttons on imagesTags, captions, years and buttons laid over photos.
Good to know

Sections with their own glass controls keep them: header, footer, announcement bar, scrolling text, age verifier, editorial grid, product mosaic and image banner. See the Liquid glass guide.

Settings#

General

Every surface below is frosted glass by default. Turn one off to make it solid.

Panels

Cart drawer
Toggle

Turn on or off.

Default: On
Menus and mega menu
Toggle

Turn on or off.

Default: On
Filter panel
Toggle

Turn on or off.

Default: On
Mobile menu
Toggle

Turn on or off.

Default: On
Search
Toggle

Turn on or off.

Default: On
Popup
Toggle

Turn on or off.

Default: On
Store pickup panel
Toggle

Turn on or off.

Default: On
Blur behind open panels
Toggle

The page behind the cart, menus, quick view and popup is blurred. Turn off for a plain dark veil.

Default: On

Buttons

Carousel arrows
Toggle

Turn on or off.

Default: On
Back-to-top button
Toggle

Turn on or off.

Default: On
Quick view and quick add buttons
Toggle

The round buttons on product cards.

Default: On
Scroll cursor
Toggle

The round cursor shown over scrolling rows.

Default: On

Images

Labels and buttons on images
Toggle

Tags, captions, years and buttons placed over photos in sections and on the product page.

Default: On