Custom Liquid
Product overview block
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 an unpublished copy of your theme. For assistance, we recommend finding a professional developer
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 Product overview, click (+) Add block and select Custom Liquid. Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click the block to start customizing.
Editing a template will change all pages that use that template.
Create and assign new templates to design different page layouts.
Add dynamic content to show page-specific content in the same template.
Click Custom Liquid block to find settings
| Setting | Description |
|---|---|
Custom Liquid | Add custom Liquid code for apps or custom content. See Shopify's Liquid reference guide and Liquid code examples to learn more. |
Add bottom padding
Use Bottom padding to adjust the layout of the product overview section by adding spacing between blocks.
Click Custom Liquid block to find settings
| Setting | Description | Options |
|---|---|---|
Bottom padding | Add spacing below the block | 1 - 50px Default: 36px |
Last updated