Custom Liquid

We do not support code customizations. This guide offers a basic reference for developers and advanced users familiar with HTML and Liquid. Always test code changes on unpublished theme copies. For assistance, we recommend reaching out to a verified Fluorescent partner.

With the Custom Liquid block, you can extend your theme by adding snippets of Liquid or HTML code as a block or section in the theme editor.

The Custom Liquid block provides a reliable and safer option compared to directly editing your theme code. It will help keep your theme copy eligible for updates and avoid conflicts with the original theme code.

Add Custom Liquid block


Under Footer, click (+) Add block and select Liquid. Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click the block to start customizing.

Click Custom Liquid block to find settings

Setting
Description
Options

Desktop width

Use the slider to increase the width of the footer block on desktop. For best results, make sure all footer block widths add up to 100%.

10 - 100%

Desktop padding

Adjust the spacing around the content within the full width of the block.

0 - 20%

Liquid

Add custom Liquid code for apps or custom content. See Shopify's Liquid reference guide to learn more.

Last updated

Was this helpful?