BoltTheme features a built-in text highlight parser that allows you to style specific words or phrases inside headings, subheadings, and badges directly from the Shopify Theme Editor without writing HTML code.
️How it Works
Most section templates in BoltTheme (e.g. Featured Products, Newsletter CTA, Hero Home, Promo Banner, etc.) contain a dynamic text replacement filter:
{{ heading | replace: '[', '' | replace: ']', '' }}
By wrapping any text in square brackets [like this], the theme automatically wrap those words inside a element. This span is styled using your global brand colors or linear gradients.
️Customization Guide
Step 1: Input text in the Theme Editor
- In the Theme Editor sidebar, select a section (e.g., Hero Home).
- Locate the Title or Heading text input field.
- Wrap your target words in square brackets.
* Example Input: Discover Our [New Arrivals] Selection
* Result: New Arrivals will render inside highlight styling, while the rest of the text remains in standard styling.
Step 2: Configure Highlight Colors
The style of the highlighted word(s) is controlled by your theme settings:
- Default Accent Highlights: Highlighted text automatically adopts the Accent Color or Secondary Color defined in Theme Settings > Colors.
- Gradient Styles: If the section supports gradient settings, the highlighted text will use the configured brand gradient background overlay.
Supported Sections List
This syntax is supported in the heading/text inputs of the following sections:
- Banners: Hero Home, Hero Banner, Hero Minimal, Image with Text, Promo Banner, CTA Banner.
- Showcase: Showcase Hero, Showcase Featured, Showcase CTA, Showcase Catalog.
- Lists: Featured Products, Featured Collections, Trending Horizontal.
- Info pages: Services Page, About Us, FAQ templates, Legal pages, Contact pages.
- System pages: Search Headers, Newsletter CTA, Cart you may also like, Gift Card Main.
Do not type HTML tags (such as or ) directly into the text fields, as the theme escapes these inputs to prevent layout breaks. Always use the square bracket [...] shortcut.