Custom Liquid
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
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
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 to learn more.