The Heading theme block lets you add a heading to almost any section of your store. You can control its size, width, color, and even add a decorative highlight effect to draw attention to specific words.
Enter the text you want to display. This field supports simple formatting. Most importantly, italic formatting is used to activate the highlight effect described below.
Choose from eight size options ranging from X-Small to Hero. This controls the visual size of the heading and does not affect SEO.
By default, Full width is enabled and the heading stretches to fill the available space. If you turn this off, a Max width slider appears, letting you set a fixed maximum width (100–1000 px). This is useful when you want to constrain a heading within a narrower area, for example inside a hero banner.
The SEO tag setting controls the HTML tag used for the heading in your page's source code (e.g., h1, h2, p). This is important for search engine optimization and accessibility, but does not change how the heading looks on screen. That is controlled by the Heading size setting.
The highlight effect lets you add a decorative accent, such as an underline, circle, or scribble, to one or more words in your heading.
Ctrl + I / Cmd + I).The selected text will now display the highlight effect in your storefront. You can apply this to multiple words or phrases within the same heading. Just repeat the steps for each one.
Choose the decoration style that best fits your design:
Controls where the decoration appears in relation to the text: