Skip to content

The4 BFCM is LIVE: 15% off Athora & Vetro + free setup. Explore offers

Cart

Your cart is empty.

Looks like you haven't added anything to your cart yet.

Continue shopping

Custom Liquid

This is an advanced section. Knowledge of web design languages such as LIQUID, HTML, and CSS is required. It is usually located on Homepage . However, Shopify …

1 min read

On this page

    This is an advanced section. Knowledge of web design languages such as LIQUID, HTML, and CSS is required.

    1.webp

    It is usually located on Homepage. However, Shopify 2.0 allows you to add the Custom Liquid section to any pages that you wanna use.

    Steps

    1. In the theme editor (Customize), click Add section

    2. Search Custom Liquid

    3. Click Save button

    How to configure the Custom Liquid section?

    • Custom Liquid: This option allows you to add app snippets or other Liquid code to create advanced customizations.

    Example: If I input this liquid, the content will display the same as in the image below.

    {%- assign unsen_theme = "Top view in this weekend" -%}
    <div style="text-align:center; font-size: 30px; color: black;background-color:beige;padding:30px 0;">
    {{unsen_theme}}</div>
    2.webp

    Note: You can visit to this liquid to understand more about the liquid: Link

    Need a Shopify store to follow along? Start a free Shopify trial

    Was this page helpful?

    Contact support

    What are you looking for?

    Try a popular search or jump into a guide below.

    Popular searches

    ↑↓ navigate ↵ open Esc close
    Need help? Chat with us