In the theme editor: CustomizeHome pageAdd sectionCustom Liquid

Custom Liquid

Your own code in its own section, with the theme’s spacing, width and colors around it.

Code you add here is yours to maintain. Theme updates don’t change it.

Settings

Liquid code: CodeAdd app snippets or other code, such as a form, map or video embed. The code appears in your store as written.

Settings every section sharesWindow, Scrolling, Spacing, Colors

The window, scrolling, spacing and color settings work the same way in every section. Read how they work.

Attach: Choice: Separate window, Attached to the window above, Attached to the window below, Attached above and belowDefault: Separate window

Next section covers it on scroll: On or offDefault: OffScrolling down, this section stays in place under the header and the next section rises over it. Scrolling back reverses it. Off in the editor, for visitors who asked for reduced motion and on very short screens.

Custom spacing for this section: On or offDefault: OffOff: the section spacing from theme settings, under Layout. On: the values here, above and below this section. On phones most sections use 65% of them.
Space above: Slider, 0 to 160 pxDefault: 48 px
Space below: Slider, 0 to 160 pxDefault: 48 px
Content width: Choice: Narrow, Standard, Wide, Full widthDefault: Standard

Color scheme: Color schemeSame as the page scheme: the section sits on the page background. Another scheme gives the section its own background, as a card inside the frame. Custom colors below override the scheme.
Use custom colors for this section: On or offDefault: OffOverrides the color scheme. Empty fields follow the scheme.
Background: ColorDefault: #F1F1EF
Text: ColorEmpty: automatic. Light on a dark background, dark on a light one.

Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.