Section: Custom Liquid
Jalal avatar
Written by Jalal
Updated over a week ago

The Custom liquid section makes it possible for you to add a section with custom code (liquid) for more advanced styling.

To activate this section you first have to add the section to your page. This can be done in a few small steps.

1) Click on 'add section' which can be found in your left sidebar

2) Scroll down, or search for 'custom liquid', then click on 'custom liquid'.

3) Done, your Collection list section is added.

General settings

The general settings contains the basic settings for the styling and your custom code.
Simply click on the 'section' to open the settings.

On the right sidebar, the following settings will show

Custom Liquid:
Here you can add your app snippets or other Liquid code.

Spacing

Bottom spacing desktop/mobile:

Set the spacing on the bottom for desktop and mobile.

That way you will get the amount of whitespace below the element you want. The default for desktop is 50px and the default for mobile is 30px.

Did this answer your question?