Custom code

Add CSS, JavaScript, or Liquid asset blocks to a template without editing theme files.

Last updated About 7 hours ago

The Custom code section injects code into the page through blocks. Use it to override styles, embed third-party widgets, or load scripts on specific templates.

Choose a block type

Add one or more blocks:

  • Custom CSS — stylesheet rules scoped to this section.
  • Custom JavaScript — scripts that run on the page.
  • Custom asset — Liquid code for HTML snippets or app embeds.

Each block has a Code field. Reorder blocks to control load order.

Not the same as Shopify’s Custom CSS field

Shopify also offers a per-section Custom CSS field in the section sidebar (outside Homage’s block system). That field targets the section wrapper only. Homage’s Custom CSS block lives inside the Custom code section and is useful when you want CSS grouped with related scripts or assets on the same template.

Other settings

The Custom code section has no color scheme, padding, or width controls — only the block code fields themselves.