Custom Liquid

This guide describes how to set up the Custom Liquid section.

Use the section to add Liquid code, such as app snippets, to create advanced customizations for your store. Refer to Shopify developers: Liquid reference. We recommend hiring an expert if you're not comfortable editing Liquid code.

The previous image shows an example store's home page. In the upper left, part of the Theme editor's Custom Liquid section menu is displayed. The menu's Liquid field contains Liquid template language code for a paragraph of text. This option allows you to specify Liquid code to use in the section for creating advanced customizations for your store pages. For example, in the previous image, the Liquid code is rendered as a paragraph with the text "Add custom Liquid code" on the example store's home page.

For general guidance with modifying sections, refer to Sections overview and Shopify help: Sections and blocks.

Configure the Custom Liquid section

To configure your Custom Liquid section:

1. In the Theme editor, at the top of the page, use the dropdown to select a page that contains a Custom Liquid section.

   Note

   The section can be added to any page, except Gift card and Customer pages. To add the section to the current page, select Add section > Custom Liquid. Refer to Shopify help: Add a section.

2. From the side menu, select Custom Liquid.

3. Select a setting described in the following table.

Setting name	Description
Liquid	In the Liquid field, enter Liquid template language code to add app snippets or create advanced customizations for the section.
Header > Title	In the Title field, enter text to display as a title in the section. Format the text and add links using the inline editor.
Header > Subheading	In the Subheading field, enter text to display as the section's subheading. Format the text and add links using the inline editor. To use this option, enter text in the Title field.
Full width	Use the Full width option to turn on or off displaying your custom Liquid content across the section's full width. With this setting enabled, the content extends to the section's edges.
Color > Color scheme	Use the Color scheme picker to select a color scheme for the section. Refer to Colors.
Color > Use gradient for background	Use the Use gradient for background option to turn on or off using a gradient as the section's background.
Theme settings	If available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Custom CSS	Select Custom CSS. In the CSS field, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS.
Remove section	Select Remove section to delete the section from the current page.