Brickspace Lab
Contact usContact ShopifyTry a theme
Keystone
Keystone
  • Keystone documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Prices
      • Quick add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Custom content for tables
      • Replace "Add to cart"
      • Disable quick add
      • Product template
    • Collections
      • Collection template
    • Sitewide
      • Color and option swatches
      • Device specific visibility
      • Discount popups
      • Article template
      • Blog template
    • Wholesale
      • Wholesale basics
      • Account restrictions
  • Sections
    • Sitewide
      • Header
      • Footer
      • Announcement
      • Cart drawer
      • Search drawer
      • Menu drawer
      • Discount
      • Account drawer
      • Custom liquid
      • Store locater
    • Navigation
      • Navigation links
    • Content and Media
      • Banner
      • Image hotspot
      • Slideshow
      • Countdown
      • Slider
      • Video
      • Split banner
      • Testimonial slider
      • Search banner
      • Marquee
      • Rich text
      • Blog posts grid
      • Logo list
      • Icon grid
      • Collapsible content
      • Tabs
      • Collage
      • Testimonial grid
    • Products and Collections
      • Product grid
      • Product slider
      • Product table
      • Product comparison
      • Recently viewed
      • Collection list grid
      • Collection list slider
      • Featured product
      • Comparison table
    • Forms
      • Contact form
      • Email sign-up
      • Sign-up form
      • Tool tip
  • General
    • Changelog
      • v1.3.0
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
    • Cloning a demo theme
      • Knit
      • Kingpin
      • Kindred
      • Kettle
      • Kaleidoscope
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Sitewide

Custom liquid

Section overview

The Custom liquid section allows developers to add custom Liquid code directly to their Shopify theme pages. It provides complete flexibility for integrating custom functionality, styling, or dynamic content that isn't covered by standard sections.

Common use cases

  • Displaying dynamic store information like policies, contact details, or announcements

  • Adding custom HTML and CSS that requires Liquid variables

  • Integrating third-party widgets or code snippets

  • Creating custom layouts that utilize Shopify's Liquid objects and filters

Usage tips

  • Use proper HTML structure within your Liquid code to maintain accessibility

  • Test thoroughly on both desktop and mobile to ensure responsive behavior

  • Avoid excessive JavaScript that could impact page performance

  • Keep complex Liquid logic organized with appropriate comments

  • For security reasons, validate any user inputs before displaying them

Section settings

Setting
Type
Description

Liquid

Liquid

Custom Liquid code to render in this section. Defaults to displaying the shop name.

Top spacing

Range

Controls the padding space above the section content (0-300px).

Bottom spacing

Range

Controls the padding space below the section content (0-300px).

Color scheme

Select

Determines the background and text color combination for the section.

Border color

Select

Sets the color of any borders applied to the section (subtle or strong).

Border position

Select

Controls where borders appear (none, top, bottom, or both top and bottom).

Enable margin

Checkbox

When enabled, applies horizontal margin to match site layout.

Visibility

Select

Controls whether the section appears on all devices, only mobile, or only desktop.

Block settings

This section does not contain any blocks.

Last updated 1 month ago

Was this helpful?