The Custom liquid block shows HTML or Liquid code that you write, such as an embed code from another service or a line built from your store's data. To add one, click Add block in a Section, Card rail, Contact form, Offcanvas drawer, Orbit, Share, Subscription or Video section, or inside a Group block or Columns block, and select Custom liquid. The Popup section accepts it too.
The code. It can use Liquid objects such as {{ shop.name }}, which shows your store's name. Leave it empty to hide the block on your store.
Width
How wide the block is. Text column keeps it to a centered column up to 864 px wide. Page width, the default, matches Page width in Layout settings. Full width runs from edge to edge of the section. Inside a Group or Columns block, it never grows past the space it has there.
Styles in your code
The block adds no styles of its own. Headings and paragraphs in your code take the theme's fonts and sizes. To make other text look like one of the theme's six heading sizes, add a class from h1 to h6 to it, such as <p class="h3">Fresh every week</p>.
The Custom liquid block shows HTML or Liquid code that you write, such as an embed code from another service or a line built from your store's data. To add one, click Add block in a Section, Card rail, Contact form, Offcanvas drawer, Orbit, Share, Subscription or Video section, or inside a Group block or Columns block, and select Custom liquid. The Popup section accepts it too.
For code that fills a whole section, use the Custom Liquid section. On product pages, the Product information section and the Featured product section have their own Custom liquid block. To add your own CSS, see Add custom code.
Settings
Setting
What it does
Custom liquid
The code. It can use Liquid objects such as
{{ shop.name }}, which shows your store's name. Leave it empty to hide the block on your store.Width
How wide the block is. Text column keeps it to a centered column up to 864 px wide. Page width, the default, matches Page width in Layout settings. Full width runs from edge to edge of the section. Inside a Group or Columns block, it never grows past the space it has there.
Styles in your code
The block adds no styles of its own. Headings and paragraphs in your code take the theme's fonts and sizes. To make other text look like one of the theme's six heading sizes, add a class from
h1toh6to it, such as<p class="h3">Fresh every week</p>.