Search settings

The main section of the search results page. It has a banner with the page title and search field, optional breadcrumbs, filters and sorting, and the grid of results (products, articles and pages). The section has no blocks: all settings are in the section panel.

Setting Description
Color scheme Color scheme applied to the banner. Schemes are managed in Theme settings → Colors; use Edit scheme to jump there. Default: Scheme 1.
Subheading Short line above the title. Supports inline formatting. Leave empty to hide it. The settings below appear only when a subheading is entered.
Preset Typography preset: Hero, H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Presets are edited in Theme settings → Typography. Default: Subheading.
Icon Decorative icon before the text: None, Dot, Square or Triangle. Available only with the Subheading preset. Default: Triangle.
Icon color Color of the icon: Heading, Text, Accent or Custom. Available only with the Subheading preset and an icon selected. Default: Custom.
Icon custom Custom icon color. Available only when Icon color is Custom. Default: #2B62C8.
Icon custom dark mode Custom icon color used in dark mode. Available only when Icon color is Custom and dark mode is enabled in Theme settings. Default: #2B62C8.
Font Font family: Heading large, Heading small, Body or Accent. Default: Accent.
Color Text color: Heading, Text or Accent. Default: Accent.
Text style Letter case: Normal, Uppercase or Lowercase. Default: Uppercase.
Bottom space Space between the subheading and the title on desktop. Range: 0–60 px. Default: 40 px.
Bottom space mobile The same space on mobile. Range: 0–40 px. Default: 20 px.
Custom search title Title of the page. Supports inline formatting. Default: Search results.
Preset Typography preset of the title (same options as the subheading). Default: Hero.
Font Font family of the title: Heading large, Heading small, Body or Accent. Default: Heading large.
Color Text color of the title: Heading, Text or Accent. Default: Heading.
Text style Letter case of the title: Normal, Uppercase or Lowercase. Default: Uppercase.
Bottom space Space between the title and the search field on desktop. Range: 0–60 px. Default: 16 px.
Bottom space mobile The same space on mobile. Range: 0–40 px. Default: 8 px.
Setting Description
Top Space above the banner content on desktop. Range: 0–200 px, step 2. Default: 80 px.
Bottom Space below the banner content on desktop. Range: 0–200 px, step 2. Default: 40 px.
Top mobile Space above the banner content on mobile. Range: 0–120 px, step 2. Default: 60 px.
Bottom mobile Space below the banner content on mobile. Range: 0–120 px, step 2. Default: 40 px.

Shape divider

Cuts the banner edge. Add padding so the content doesn’t overlap the cut.

Setting Description
Type Shape of the cut: None, Triangle corners, Rounded corners, Zigzag, Diagonal (left), Diagonal (right), Chevron notch or Stairs. Default: None.
Position Which edge is cut: Top, Bottom or Both. Available only when a shape is selected. Default: Bottom.
Top: scheme of the section above Color scheme of the neighbouring section above, so the cut shows its background in light and dark mode. Available when the cut is at the top or on both edges. Default: Scheme 1.
Bottom: scheme of the section below Color scheme of the neighbouring section below, so the cut shows its background in light and dark mode. Available when the cut is at the bottom or on both edges. Default: Scheme 1.
Cut size How large the cut is on desktop. Higher values cut deeper. Available only when a shape is selected. Range: 50–150 %, step 5. Default: 100 %.
Cut size mobile How large the cut is on mobile. Available only when a shape is selected. Range: 50–150 %, step 5. Default: 100 %.
Setting Description
Show breadcrumbs Shows the breadcrumb trail (for example Home / Search). Default: Off.
Breadcrumbs position In the banner or Above the banner. Available only when breadcrumbs are shown. Default: In the banner.
Breadcrumbs color scheme Color scheme of the breadcrumbs strip. Available only when the position is Above the banner. Default: Scheme 1.

The settings below are available only when the breadcrumbs are shown above the banner.

Setting Description
Top (padding) Space above the breadcrumbs on desktop. Range: 0–100 px, step 2. Default: 24 px.
Bottom (padding) Space below the breadcrumbs on desktop. Range: 0–100 px, step 2. Default: 24 px.
Top mobile (padding) Space above the breadcrumbs on mobile. Range: 0–100 px, step 2. Default: 24 px.
Bottom mobile (padding) Space below the breadcrumbs on mobile. Range: 0–100 px, step 2. Default: 24 px.
Type (shape divider) Shape of the cut on the breadcrumbs strip, same options as the banner shape divider. Default: None.
Position (shape divider) Which edge is cut: Top, Bottom or Both. Available only when a shape is selected. Default: Bottom.
Top: scheme of the section above Color scheme of the neighbouring section above. Available when the cut is at the top or on both edges. Default: Scheme 1.
Bottom: scheme of the section below Color scheme of the neighbouring section below. Available when the cut is at the bottom or on both edges. Default: Scheme 1.
Cut size How large the cut is on desktop. Available only when a shape is selected. Range: 50–150 %, step 5. Default: 100 %.
Cut size mobile How large the cut is on mobile. Available only when a shape is selected. Range: 50–150 %, step 5. Default: 100 %.

Search

Setting Description
Page color scheme Color scheme of the results area under the banner. Schemes are managed in Theme settings → Colors. Default: Scheme 1.

Top divider

A thin line above the filters and results.

Setting Description
Show divider Shows the line. The settings below appear only when this is on. Default: On.
Line opacity Transparency of the line. Range: 0–100 %. Default: 20 %.
Thickness Thickness of the line. Range: 1–10 px. Default: 1 px.
Top Space above the line on desktop. Range: 0–200 px, step 2. Default: 24 px.
Bottom Space below the line on desktop. Range: 0–200 px, step 2. Default: 24 px.
Top mobile Space above the line on mobile. Range: 0–120 px, step 2. Default: 24 px.
Bottom mobile Space below the line on mobile. Range: 0–120 px, step 2. Default: 24 px.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us