Modal Top Bar
The Modal Top Bar is a modal section that appears at the top of the page when the search icon is clicked. It provides an expanded search interface with predictive results and optional hot links. This section is functionally tied to the Top Bar block and shares its core settings.
⚠️ Note: For the search modal to work, this section must be present in your theme. If missing, the search icon will not trigger the search bar.
Top Bar
Predictive Search
- Predictive search is enabled by default.
- You can disable or configure it in Shopify admin → Theme Settings → Search Style Schema.
Style
- Search bar styling is controlled by a preset from:
Theme Settings → Style scheme settings → Search Bar Style Schema.
Hot Links
- Title: Heading for the hot links section (e.g., “Quick Links”).
- Title style: Styling for the title, using a preset from:
- Hot links: Select a Shopify menu (from Navigation) to populate the link list.
- Links style: Visual style for the links, using the same Tags Style Schema.
- Links alignment: Horizontal alignment of the hot links (
left,center,right).
Animations on Scroll
- Enable entrance animations as block enter the viewport.
- Configuration follows the standard Animations on Scroll settings.
- See: Blocks → Overview → Animations on scroll