Every setting Transom stores, with the exact id, type, default and allowed values. Use it when you edit the theme's JSON files with the Shopify CLI, or hand it to an AI assistant that does. To change settings by hand, use the theme editor instead; it shows the same settings with their labels. See Set up with AI and the CLI for how the files fit together.
This page is generated from the theme's code, so it always matches the version in the release notes.
How the files use these ids
- Theme settings live in
config/settings_data.json under current, for example "current": {"cart_type": "drawer"}. - Sections live in a template such as
templates/index.json or templates/product.json, or a section group such as sections/header-group.json. Each entry has a type (the section id below), settings, and optional blocks and block_order. - Blocks sit inside a section's
blocks, each with a type (the block id below) and its own settings. Blocks listed under "Theme blocks" can be used in any section that accepts theme blocks. - Translated labels are not stored. Only the id and value are.
Theme settings
Logo and favicon
| Id | Type | Label | Default | Allowed values |
|---|
logo | image_picker | Logo | | |
|---|
logo_width | range | Logo width | 120 | 40px to 300px, step 10 |
|---|
favicon | image_picker | Favicon (32 x 32px .png recommended) | | |
|---|
Typography
| Id | Type | Label | Default | Allowed values |
|---|
type_heading_font | font_picker | Heading font | inter_n6 | |
|---|
type_body_font | font_picker | Body font | inter_n4 | |
|---|
heading_scale | range | Heading size | 100 | 80% to 130%, step 5 |
|---|
heading_case | select | Heading letter case | none | none, uppercase |
|---|
label_case | select | Label case (Applies to buttons, menu links, subheadings and badges.) | uppercase | none, uppercase |
|---|
Colors
| Id | Type | Label | Default | Allowed values |
|---|
color_schemes | color_scheme_group | | | |
|---|
Layout
| Id | Type | Label | Default | Allowed values |
|---|
max_page_width | select | Page width | 90rem | 80rem, 90rem, 110rem |
|---|
min_page_margin | range | Page margin | 20 | 12px to 64px, step 4 |
|---|
show_breadcrumbs | checkbox | Show breadcrumbs (Above product, collection, blog and page content.) | false | |
|---|
show_back_to_top | checkbox | Show back-to-top button | true | |
|---|
Shape
| Id | Type | Label | Default | Allowed values |
|---|
button_corner_radius | range | Button corner radius | 0 | 0px to 40px, step 2 |
|---|
input_corner_radius | range | Input corner radius | 0 | 0px to 20px, step 1 |
|---|
card_corner_radius | range | Card corner radius | 0 | 0px to 32px, step 2 |
|---|
border_width | range | Border thickness | 1 | 0px to 3px, step 1 |
|---|
beam_width | range | Accent line thickness (The rules under headings and above cards.) | 6 | 1px to 8px, step 1 |
|---|
Product cards
| Id | Type | Label | Default | Allowed values |
|---|
card_image_ratio | select | Image ratio | 4/5 | 1/1, 4/5, 3/4 |
|---|
card_text_align | select | Alignment | start | start, center |
|---|
card_secondary_image | checkbox | Show second image on hover | true | |
|---|
card_show_swatches | checkbox | Show color swatches (Options with swatch colors or images always show as swatches.) | false | |
|---|
card_show_rating | checkbox | Show product rating (Uses the product rating metafield from your reviews app.) | true | |
|---|
Swatches
| Id | Type | Label | Default | Allowed values |
|---|
swatch_option_names | text | Option names shown as swatches (Separate names with commas.) | Color, Colour | |
|---|
swatch_source | select | Swatch style | color | color, image |
|---|
swatch_shape | select | Swatch shape | circle | circle, square |
|---|
swatch_custom_colors | textarea | Custom colors (One color per line, as Name: #hex. For example Ink blue: #1F3A5F. Names match option values, ignoring case.) | | |
|---|
Motion
| Id | Type | Label | Default | Allowed values |
|---|
enable_reveal | checkbox | Set content in place on scroll (Content rises into place as visitors scroll. Turned off automatically for visitors who prefer reduced motion.) | true | |
|---|
Cart
| Id | Type | Label | Default | Allowed values |
|---|
cart_type | select | Cart type | drawer | drawer, popup, page |
|---|
show_cart_note | checkbox | Enable order notes | true | |
|---|
show_cart_goals | checkbox | Show cart goals | true | |
|---|
goal_1_amount | number | Goal 1 amount | 50 | |
|---|
goal_1_label | text | Goal 1 reward | Free shipping | |
|---|
goal_2_amount | number | Goal 2 amount | 100 | |
|---|
goal_2_label | text | Goal 2 reward | Free gift | |
|---|
goal_3_amount | number | Goal 3 amount | | |
|---|
goal_3_label | text | Goal 3 reward | | |
|---|
show_cart_upsell | checkbox | Show product recommendations in cart | true | |
|---|
cart_upsell_source | select | Product source | recommendations | recommendations, collection |
|---|
cart_upsell_collection | collection | Collection | | |
|---|
cart_upsell_heading | text | Heading | Complete your order | |
|---|
gift_wrap_product | product | Gift wrapping product (Create a gift wrapping product and select it. Customers add it to their cart with one click.) | | |
|---|
| Id | Type | Label | Default | Allowed values |
|---|
social_facebook_link | text | Facebook | | |
|---|
social_instagram_link | text | Instagram | | |
|---|
social_tiktok_link | text | TikTok | | |
|---|
social_x_link | text | X (Twitter) | | |
|---|
social_threads_link | text | Threads | | |
|---|
social_youtube_link | text | YouTube | | |
|---|
social_pinterest_link | text | Pinterest | | |
|---|
social_snapchat_link | text | Snapchat | | |
|---|
social_tumblr_link | text | Tumblr | | |
|---|
social_vimeo_link | text | Vimeo | | |
|---|
Sections
404 page (`404`)
| Id | Type | Label | Default | Allowed values |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 96 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 96 | 0px to 160px, step 8 |
|---|
Age verifier (`age-verifier`)
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Confirm your age | |
|---|
text | richtext | Text | <p>You must be of legal age to enter this store.</p> | |
|---|
accept_label | text | Confirm button label | I am 18 or older | |
|---|
decline_label | text | Decline button label | I am under 18 | |
|---|
declined_text | richtext | Message after declining | <p>Sorry, you must be of legal age to visit this store.</p> | |
|---|
days | range | Remember answer for (days) | 30 | 1 to 60, step 1 |
|---|
color_scheme | color_scheme | Color scheme | scheme-ink | |
|---|
Announcement bar (`announcement-bar`)
| Id | Type | Label | Default | Allowed values |
|---|
autoplay | checkbox | Rotate announcements automatically | true | |
|---|
interval | range | Change announcement every | 5 | 3s to 10s, step 1 |
|---|
color_scheme | color_scheme | Color scheme | scheme-ink | |
|---|
Block Announcement (announcement):
| Id | Type | Label | Default | Allowed values |
|---|
text | text | Text | Welcome to our store | |
|---|
link | url | Link | | |
|---|
Block Countdown (countdown):
| Id | Type | Label | Default | Allowed values |
|---|
text | text | Text | Sale ends in | |
|---|
end | text | End date and time (Format: YYYY-MM-DD HH:MM in your store time zone) | | |
|---|
link | url | Link | | |
|---|
Beam and columns (`beam`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Built on a few good decisions | |
|---|
button_label | text | Button label | | |
|---|
button_link | url | Button link | | |
|---|
beam_position | select | Beam position | top | top, bottom, side |
|---|
show_rule | checkbox | Show beam line | true | |
|---|
column_gap | range | Column spacing | 32 | 0px to 80px, step 4 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
full_width | checkbox | Make section full width | false | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Accepts app blocks.
Before and after (`before-after`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | See the difference | |
|---|
image_before | image_picker | Before image | | |
|---|
label_before | text | Before label | Before | |
|---|
image_after | image_picker | After image | | |
|---|
label_after | text | After label | After | |
|---|
ratio | select | Aspect ratio | 3/2 | 16/9, 3/2, 1/1 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Bundle builder (`bundle-builder`)
| Id | Type | Label | Default | Allowed values |
|---|
heading | inline_richtext | Heading | Build your bundle | |
|---|
text | richtext | Text | <p>Choose your favorites and add them together.</p> | |
|---|
collection | collection | Collection | | |
|---|
product_limit | range | Maximum products to show | 6 | 3 to 12, step 1 |
|---|
required_count | range | Products in a bundle | 3 | 2 to 6, step 1 |
|---|
note | text | Savings note (Only mention savings you have set up as an automatic discount in Shopify admin.) | | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Cart drawer (`cart-drawer`)
| Id | Type | Label | Default | Allowed values |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
Cart (`cart`)
| Id | Type | Label | Default | Allowed values |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 40 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 80 | 0px to 160px, step 8 |
|---|
Collection list (`collection-list`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Shop by collection | |
|---|
layout | select | Layout | grid | grid, carousel |
|---|
columns | range | Columns on desktop | 3 | 2 to 5, step 1 |
|---|
image_ratio | select | Image ratio | 4/5 | 1/1, 4/5, 3/2 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Collection (collection):
| Id | Type | Label | Default | Allowed values |
|---|
collection | collection | Collection | | |
|---|
Comparison table (`comparison-table`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | How it compares | |
|---|
product_1 | product | Column 1 product | | |
|---|
column_1 | text | Column 1 name | Ours | |
|---|
product_2 | product | Column 2 product | | |
|---|
column_2 | text | Column 2 name | Others | |
|---|
product_3 | product | Column 3 product | | |
|---|
column_3 | text | Column 3 name | | |
|---|
product_4 | product | Column 4 product | | |
|---|
column_4 | text | Column 4 name | | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Feature (row):
| Id | Type | Label | Default | Allowed values |
|---|
feature | text | Feature | Feature | |
|---|
value_1 | text | Column 1 value | yes | |
|---|
value_2 | text | Column 2 value | no | |
|---|
value_3 | text | Column 3 value | | |
|---|
value_4 | text | Column 4 value | | |
|---|
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Send us a message | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 40 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 80 | 0px to 160px, step 8 |
|---|
Custom Liquid (`custom-liquid`)
| Id | Type | Label | Default | Allowed values |
|---|
custom_liquid | liquid | Liquid code (Add app snippets or other code to customize this area.) | | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
full_width | checkbox | Make section full width | false | |
|---|
padding_top | range | Top padding | 40 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 40 | 0px to 160px, step 8 |
|---|
Collapsible content (`faq`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Questions and answers | |
|---|
layout | select | Layout | side | stacked, side |
|---|
open_first | checkbox | Open first question | true | |
|---|
structured_data | checkbox | Add question data for search engines (Helps search engines show your questions in results.) | true | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Question (question):
| Id | Type | Label | Default | Allowed values |
|---|
question | text | Question | Write a question customers ask | |
|---|
answer | richtext | Answer | <p>Use this space to answer a question customers often ask … | |
|---|
Bought together rows (`fbt-products`)
No settings.
Feature grid (`feature-grid`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Why it works | |
|---|
alignment | select | Alignment | start | start, center |
|---|
columns_desktop | range | Columns on desktop | 3 | 2 to 4, step 1 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Feature (feature):
| Id | Type | Label | Default | Allowed values |
|---|
icon | select | Icon | leaf | none, check, truck, return, shield, lock, gift, star, heart, leaf, clock, battery, chat |
|---|
image | image_picker | Image (Replaces the icon when set.) | | |
|---|
title | text | Heading | Feature | |
|---|
text | richtext | Text | <p>Describe one benefit in a sentence or two.</p> | |
|---|
Block Figure (stat):
| Id | Type | Label | Default | Allowed values |
|---|
value | text | Figure | 92% | |
|---|
label | text | Label | of customers would buy again | |
|---|
source | text | Source | | |
|---|
Featured collection (`featured-collection`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Featured products | |
|---|
collection | collection | Collection | | |
|---|
link_label | text | View all link label | View all | |
|---|
limit | range | Maximum products to show | 8 | 2 to 16, step 1 |
|---|
columns | range | Columns on desktop | 4 | 2 to 5, step 1 |
|---|
layout | select | Layout | carousel | grid, carousel |
|---|
image_ratio | select | Image ratio | 4/5 | 1/1, 4/5, 3/2 |
|---|
show_quick_add | checkbox | Show quick add | true | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Featured product (`featured-product`)
| Id | Type | Label | Default | Allowed values |
|---|
product | product | Product | | |
|---|
gallery_layout | select | Media layout | beam | beam, stack, thumbnails, slider |
|---|
thumbnail_position | select | Thumbnail position (Thumbnails layout only. On phones the thumbnails always sit below.) | bottom | bottom, left, right |
|---|
media_position | select | Media position on desktop | left | left, right |
|---|
enable_zoom | checkbox | Enable image zoom | true | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Accepts app blocks.
Block Title (title):
No settings.
Block Vendor (vendor):
| Id | Type | Label | Default | Allowed values |
|---|
link_to_collection | checkbox | Link to vendor collection | false | |
|---|
Block Price (price):
No settings.
Block Variant picker (variant_picker):
| Id | Type | Label | Default | Allowed values |
|---|
style | select | Style (Options with swatch colors or images always show as swatches.) | buttons | buttons, dropdown |
|---|
Block Quantity selector (quantity):
No settings.
Block Buy buttons (buy_buttons):
| Id | Type | Label | Default | Allowed values |
|---|
show_dynamic_checkout | checkbox | Show dynamic checkout buttons (Customers see their preferred payment method, such as Shop Pay or Apple Pay.) | true | |
|---|
show_gift_card_recipient | checkbox | Show recipient form for gift cards (Customers can send a gift card to someone else with a personal message.) | true | |
|---|
Block Inventory status (inventory):
| Id | Type | Label | Default | Allowed values |
|---|
low_stock_threshold | range | Low stock threshold (Show a low stock message at or below this quantity. Only for products with tracked inventory.) | 5 | 0 to 20, step 1 |
|---|
show_in_stock | checkbox | Show in stock message | true | |
|---|
Block Description (description):
No settings.
Block Collapsible tab (collapsible_tab):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Collapsible tab | |
|---|
content | richtext | Tab content | | |
|---|
page | page | Tab content from page | | |
|---|
open | checkbox | Open by default | false | |
|---|
Block Text (text):
| Id | Type | Label | Default | Allowed values |
|---|
text | richtext | Text | <p>Use this text to tell customers about your products, you… | |
|---|
Block Custom Liquid (custom_liquid):
| Id | Type | Label | Default | Allowed values |
|---|
custom_liquid | liquid | Liquid code (Add app snippets or other code to customize this area.) | | |
|---|
| Id | Type | Label | Default | Allowed values |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
show_country_selector | checkbox | Show country/region selector | true | |
|---|
show_language_selector | checkbox | Show language selector | true | |
|---|
show_payment_icons | checkbox | Show payment icons | true | |
|---|
show_follow_on_shop | checkbox | Show Follow on Shop (Customers can follow your store on the Shop app. Shop Pay must be enabled.) | true | |
|---|
show_policies | checkbox | Show policy links | true | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 40 | 0px to 160px, step 8 |
|---|
Block Menu (menu):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Quick links | |
|---|
menu | link_list | Footer menu | footer | |
|---|
span | range | Column width | 3 | 2 to 12, step 1 |
|---|
Block Text (text):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | About us | |
|---|
text | richtext | Text | <p>Share contact information, store details and brand conte… | |
|---|
span | range | Column width | 4 | 2 to 12, step 1 |
|---|
Block Social media (social):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Follow us | |
|---|
span | range | Column width | 3 | 2 to 12, step 1 |
|---|
| Id | Type | Label | Default | Allowed values |
|---|
menu | link_list | Main menu | main-menu | |
|---|
customer_account_menu | link_list | Customer account menu | customer-account-main-menu | |
|---|
logo_position | select | Logo position on large screens | left | left, center |
|---|
sticky | select | Sticky header | scroll-up | none, scroll-up, always |
|---|
show_country_selector | checkbox | Show country/region selector (To add a country/region, go to your market settings.) | true | |
|---|
show_language_selector | checkbox | Show language selector (To add a language, go to your language settings.) | true | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
Block Mega menu (mega_menu):
| Id | Type | Label | Default | Allowed values |
|---|
menu_item | text | Menu item (Enter the exact name of a main menu item that has sub-items. Its sub-items open as a full-width panel.) | | |
|---|
layout | select | Layout (Picture tiles use each sub-item’s collection or product image.) | columns | columns, tiles, products |
|---|
collection | collection | Collection (Products to show in the links and products layout.) | | |
|---|
product_limit | range | Maximum products to show | 3 | 2 to 4, step 1 |
|---|
image | image_picker | Image | | |
|---|
heading | text | Heading | | |
|---|
link_label | text | Button label | | |
|---|
link | url | Link | | |
|---|
Image banner (`image-banner`)
| Id | Type | Label | Default | Allowed values |
|---|
image | image_picker | Image | | |
|---|
image_mobile | image_picker | Mobile image | | |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Introduce your collection | |
|---|
text | richtext | Text | | |
|---|
button_label | text | Button label | Shop now | |
|---|
link | url | Link | | |
|---|
text_placement | select | Text placement | overlay | overlay, below |
|---|
height | select | Height | medium | short, medium, tall |
|---|
overlay | range | Overlay opacity (Darkens or lightens the image so text stays readable.) | 30 | 0% to 90%, step 10 |
|---|
content_color_scheme | color_scheme | Text color scheme | scheme-ink | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
full_width | checkbox | Make section full width | true | |
|---|
padding_top | range | Top padding | 0 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 0 | 0px to 160px, step 8 |
|---|
Image with text (`image-with-text`)
| Id | Type | Label | Default | Allowed values |
|---|
image | image_picker | Image | | |
|---|
video | video | Video (Plays muted and looped while on screen, with a pause button. Replaces the image.) | | |
|---|
ratio | select | Aspect ratio | 4 / 5 | 1 / 1, 4 / 5, 3 / 2 |
|---|
media_position | select | Media position on desktop | start | start, end |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Tell the story | |
|---|
text | richtext | Text | <p>Pair an image with a few lines about how the product fit… | |
|---|
button_label | text | Button label | | |
|---|
button_link | url | Button link (On product pages, an empty link jumps to the buy box.) | | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Point (point):
| Id | Type | Label | Default | Allowed values |
|---|
text | inline_richtext | Text | A short selling point | |
|---|
Logo list (`logo-list`)
| Id | Type | Label | Default | Allowed values |
|---|
heading | inline_richtext | Heading | As seen in | |
|---|
monochrome | checkbox | Show logos in one color | true | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 48 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 48 | 0px to 160px, step 8 |
|---|
Block Logo (logo):
| Id | Type | Label | Default | Allowed values |
|---|
image | image_picker | Image (160 x 80px .png recommended) | | |
|---|
link | url | Link | | |
|---|
Blog post (`main-article`)
| Id | Type | Label | Default | Allowed values |
|---|
show_image | checkbox | Show featured image | true | |
|---|
show_author | checkbox | Show author | true | |
|---|
products_heading | text | Heading | Shop the story | |
|---|
products_metafield | text | Products metafield (Article metafield that lists products, as namespace.key (type: list of products).) | custom.related_products | |
|---|
faq_heading | text | Heading | Frequently asked questions | |
|---|
faq_metafield | text | Questions metafield (Article metafield with questions, as namespace.key (type: JSON, a list of {"question", "answer"}). Also adds FAQ structured data.) | custom.faq | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 40 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 80 | 0px to 160px, step 8 |
|---|
Blog posts (`main-blog`)
| Id | Type | Label | Default | Allowed values |
|---|
layout | select | Layout | magazine | grid, magazine |
|---|
articles_per_page | range | Articles per page | 9 | 3 to 24, step 3 |
|---|
show_image | checkbox | Show featured image | true | |
|---|
show_date | checkbox | Show date | true | |
|---|
show_tags | checkbox | Show tags | true | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 40 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 80 | 0px to 160px, step 8 |
|---|
Product grid (`main-collection`)
| Id | Type | Label | Default | Allowed values |
|---|
show_description | checkbox | Show collection description | true | |
|---|
show_image | checkbox | Show collection image | false | |
|---|
products_per_page | range | Products per page | 24 | 8 to 48, step 4 |
|---|
columns_desktop | range | Columns on desktop | 4 | 2 to 5, step 1 |
|---|
columns_mobile | select | Columns on mobile | 2 | 1, 2 |
|---|
image_ratio | select | Image ratio | 4/5 | 1/1, 4/5, 2/3, 3/2 |
|---|
show_secondary_image | checkbox | Show second image on hover | true | |
|---|
show_swatches | checkbox | Show color swatches | true | |
|---|
show_quick_add | checkbox | Show quick add | true | |
|---|
pagination | select | Pagination | numbers | numbers, load_more, infinite |
|---|
filter_layout | select | Filter layout (Customize filters with the Search and Discovery app.) | sidebar | sidebar, drawer, none |
|---|
enable_sorting | checkbox | Enable sorting | true | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 40 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 80 | 0px to 160px, step 8 |
|---|
Block Promotion tile (promo):
| Id | Type | Label | Default | Allowed values |
|---|
position | range | Position in the grid (The tile takes this slot on the first page of results.) | 3 | 1 to 24, step 1 |
|---|
width | select | Width | 1 | 1, 2 |
|---|
image | image_picker | Image | | |
|---|
heading | text | Heading | Free shipping over $75 | |
|---|
text | text | Text | | |
|---|
link_label | text | Button label | | |
|---|
link | url | Link | | |
|---|
color_scheme | color_scheme | Color scheme | scheme-ink | |
|---|
Collections list page (`main-list-collections`)
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | | |
|---|
per_page | range | Collections per page | 24 | 6 to 48, step 3 |
|---|
image_ratio | select | Image ratio | 4/5 | 1/1, 4/5, 3/2 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 40 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 80 | 0px to 160px, step 8 |
|---|
Page (`main-page`)
| Id | Type | Label | Default | Allowed values |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 40 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Product information (`main-product`)
| Id | Type | Label | Default | Allowed values |
|---|
gallery_layout | select | Media layout | beam | beam, stack, thumbnails, slider |
|---|
thumbnail_position | select | Thumbnail position (Thumbnails layout only. On phones the thumbnails always sit below.) | bottom | bottom, left, right |
|---|
media_position | select | Media position on desktop | left | left, right |
|---|
enable_zoom | checkbox | Enable image zoom | true | |
|---|
show_sticky_add_to_cart | checkbox | Show sticky add to cart bar | true | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 32 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Accepts app blocks.
Block Title (title):
No settings.
Block Rating (rating):
| Id | Type | Label | Default | Allowed values |
|---|
reviews_anchor | text | Reviews section anchor (Matches the anchor of a reviews section on this page, so the stars link to it.) | | |
|---|
Block Benefits (benefits):
| Id | Type | Label | Default | Allowed values |
|---|
icon | select | Icon | check | check, truck, return, shield, lock, gift, star, heart, leaf, clock, battery, chat |
|---|
benefit_1 | inline_richtext | Benefit 1 | Free shipping on every order | |
|---|
benefit_2 | inline_richtext | Benefit 2 | 30-day returns | |
|---|
benefit_3 | inline_richtext | Benefit 3 | Ships within 2 business days | |
|---|
benefit_4 | inline_richtext | Benefit 4 | | |
|---|
benefit_5 | inline_richtext | Benefit 5 | | |
|---|
Block Vendor (vendor):
| Id | Type | Label | Default | Allowed values |
|---|
link_to_collection | checkbox | Link to vendor collection | false | |
|---|
Block Price (price):
No settings.
Block SKU (sku):
No settings.
Block Variant picker (variant_picker):
| Id | Type | Label | Default | Allowed values |
|---|
style | select | Style (Options with swatch colors or images always show as swatches.) | buttons | buttons, dropdown |
|---|
Block Quantity selector (quantity):
No settings.
Block Buy buttons (buy_buttons):
| Id | Type | Label | Default | Allowed values |
|---|
show_dynamic_checkout | checkbox | Show dynamic checkout buttons (Customers see their preferred payment method, such as Shop Pay or Apple Pay.) | true | |
|---|
show_gift_card_recipient | checkbox | Show recipient form for gift cards (Customers can send a gift card to someone else with a personal message.) | true | |
|---|
Block Inventory status (inventory):
| Id | Type | Label | Default | Allowed values |
|---|
low_stock_threshold | range | Low stock threshold (Show a low stock message at or below this quantity. Only for products with tracked inventory.) | 5 | 0 to 20, step 1 |
|---|
show_in_stock | checkbox | Show in stock message | true | |
|---|
Block Pickup availability (pickup):
No settings.
Block Description (description):
No settings.
Block Specifications (specifications):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Specifications | |
|---|
collapsible | checkbox | Show as collapsible tab | true | |
|---|
row_1_label | text | Label | Material | |
|---|
row_1_value | richtext | Value | | |
|---|
row_1_metafield | text | Product metafield (Namespace and key, for example custom.material. When the product has this metafield, it replaces the value above.) | | |
|---|
row_2_label | text | Label | Dimensions | |
|---|
row_2_value | richtext | Value | | |
|---|
row_2_metafield | text | Product metafield (Namespace and key, for example custom.material. When the product has this metafield, it replaces the value above.) | | |
|---|
row_3_label | text | Label | Care | |
|---|
row_3_value | richtext | Value | | |
|---|
row_3_metafield | text | Product metafield (Namespace and key, for example custom.material. When the product has this metafield, it replaces the value above.) | | |
|---|
row_4_label | text | Label | Made in | |
|---|
row_4_value | richtext | Value | | |
|---|
row_4_metafield | text | Product metafield (Namespace and key, for example custom.material. When the product has this metafield, it replaces the value above.) | | |
|---|
row_5_label | text | Label | | |
|---|
row_5_value | richtext | Value | | |
|---|
row_5_metafield | text | Product metafield (Namespace and key, for example custom.material. When the product has this metafield, it replaces the value above.) | | |
|---|
row_6_label | text | Label | | |
|---|
row_6_value | richtext | Value | | |
|---|
row_6_metafield | text | Product metafield (Namespace and key, for example custom.material. When the product has this metafield, it replaces the value above.) | | |
|---|
Block Size guide (size_guide):
| Id | Type | Label | Default | Allowed values |
|---|
label | text | Button label | Size guide | |
|---|
page | page | Size chart page (Create a page with your size chart table in Online Store > Pages, then pick it here.) | | |
|---|
Block Collapsible tab (collapsible_tab):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Collapsible tab | |
|---|
content | richtext | Tab content | | |
|---|
page | page | Tab content from page | | |
|---|
open | checkbox | Open by default | false | |
|---|
Block Text (text):
| Id | Type | Label | Default | Allowed values |
|---|
text | richtext | Text | <p>Use this text to tell customers about your products, you… | |
|---|
Block Share (share):
No settings.
Block Complementary products (complementary):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Pairs well with | |
|---|
limit | range | Maximum products to show | 3 | 1 to 6, step 1 |
|---|
Block Bought together (frequently_bought):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Frequently bought together | |
|---|
note | text | Savings note (Only mention savings you have set up as an automatic discount in Shopify admin.) | | |
|---|
limit | range | Maximum products to show | 2 | 1 to 3, step 1 |
|---|
Block Quantity breaks (quantity_breaks):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Buy more, save more | |
|---|
layout | select | Layout | list | list, cards |
|---|
tier_1_quantity | number | Tier 1 quantity | | |
|---|
tier_1_label | text | Tier 1 label | | |
|---|
tier_1_percent | range | Tier 1 discount (The discount only changes the displayed total. Create a matching automatic discount for it to apply at checkout.) | 0 | 0% to 90%, step 5 |
|---|
tier_1_badge | text | Tier 1 badge | | |
|---|
tier_1_perk | text | Tier 1 extra line (Short extra line under the price, such as Free shipping. Only promise what your store really gives.) | | |
|---|
tier_2_quantity | number | Tier 2 quantity | | |
|---|
tier_2_label | text | Tier 2 label | | |
|---|
tier_2_percent | range | Tier 2 discount | 0 | 0% to 90%, step 5 |
|---|
tier_2_badge | text | Tier 2 badge | | |
|---|
tier_2_perk | text | Tier 2 extra line | | |
|---|
tier_3_quantity | number | Tier 3 quantity | | |
|---|
tier_3_label | text | Tier 3 label | | |
|---|
tier_3_percent | range | Tier 3 discount | 0 | 0% to 90%, step 5 |
|---|
tier_3_badge | text | Tier 3 badge | | |
|---|
tier_3_perk | text | Tier 3 extra line | | |
|---|
tier_4_quantity | number | Tier 4 quantity | | |
|---|
tier_4_label | text | Tier 4 label | | |
|---|
tier_4_percent | range | Tier 4 discount | 0 | 0% to 90%, step 5 |
|---|
tier_4_badge | text | Tier 4 badge | | |
|---|
tier_4_perk | text | Tier 4 extra line | | |
|---|
note | text | Savings note (Only mention savings you have set up as an automatic discount in Shopify admin.) | | |
|---|
Block Delivery estimate (delivery_estimate):
| Id | Type | Label | Default | Allowed values |
|---|
min_days | range | Fastest delivery | 3 | 0d to 30d, step 1 |
|---|
max_days | range | Slowest delivery | 6 | 0d to 45d, step 1 |
|---|
cutoff_hour | range | Order cut-off (Orders after this hour, in the visitor’s time, start counting from the next working day.) | 14 | 0h to 23h, step 1 |
|---|
skip_weekends | checkbox | Skip weekends | true | |
|---|
Block Volume pricing (volume_pricing):
No settings.
Block Quick order list (quick_order_list):
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Order in bulk | |
|---|
Block Custom Liquid (custom_liquid):
| Id | Type | Label | Default | Allowed values |
|---|
custom_liquid | liquid | Liquid code (Add app snippets or other code to customize this area.) | | |
|---|
Search results (`main-search`)
| Id | Type | Label | Default | Allowed values |
|---|
results_per_page | range | Results per page | 24 | 8 to 48, step 4 |
|---|
columns_desktop | range | Columns on desktop | 4 | 2 to 5, step 1 |
|---|
image_ratio | select | Image ratio | 4/5 | 1/1, 4/5, 3/2 |
|---|
show_quick_add | checkbox | Show quick add | true | |
|---|
pagination | select | Pagination | numbers | numbers, load_more, infinite |
|---|
filter_layout | select | Filter layout | drawer | sidebar, drawer, none |
|---|
enable_sorting | checkbox | Enable sorting | true | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 40 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 80 | 0px to 160px, step 8 |
|---|
Scrolling text (`marquee`)
| Id | Type | Label | Default | Allowed values |
|---|
speed | range | Speed (Time for one full pass of the messages) | 30 | 10s to 60s, step 5 |
|---|
color_scheme | color_scheme | Color scheme | scheme-signal | |
|---|
full_width | checkbox | Make section full width | true | |
|---|
padding_top | range | Top padding | 24 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 24 | 0px to 160px, step 8 |
|---|
Block Message (message):
| Id | Type | Label | Default | Allowed values |
|---|
text | text | Text | Add a short message | |
|---|
link | url | Link | | |
|---|
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | Join our list | |
|---|
text | richtext | Text | <p>Get early access to new products and stories from the st… | |
|---|
image | image_picker | Image | | |
|---|
delay | range | Show after | 10 | 3s to 60s, step 1 |
|---|
days | range | Show again after (days) (Days before the popup shows again to the same visitor) | 14 | 1 to 60, step 1 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
Email signup (`newsletter`)
| Id | Type | Label | Default | Allowed values |
|---|
layout | select | Layout | split | split, centered, image |
|---|
image | image_picker | Image (Used by the image layout.) | | |
|---|
heading | inline_richtext | Heading | Subscribe to our emails | |
|---|
text | richtext | Text | <p>Be the first to know about new collections and exclusive… | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Password page (`password`)
| Id | Type | Label | Default | Allowed values |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 96 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 96 | 0px to 160px, step 8 |
|---|
Product finder (`product-finder`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Find the right product for you | |
|---|
collection | collection | Results collection | | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Question (question):
| Id | Type | Label | Default | Allowed values |
|---|
question | text | Question | Ask a question that narrows the choice | |
|---|
answer_1 | text | Answer 1 | First answer | |
|---|
tag_1 | text | Answer 1 tag | | |
|---|
answer_2 | text | Answer 2 | Second answer | |
|---|
tag_2 | text | Answer 2 tag | | |
|---|
answer_3 | text | Answer 3 | | |
|---|
tag_3 | text | Answer 3 tag | | |
|---|
answer_4 | text | Answer 4 | | |
|---|
tag_4 | text | Answer 4 tag | | |
|---|
| Id | Type | Label | Default | Allowed values |
|---|
heading | text | Heading | You may also like | |
|---|
limit | range | Maximum products to show | 4 | 2 to 10, step 1 |
|---|
columns | range | Columns on desktop | 4 | 2 to 5, step 1 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Quick view (`quick-view`)
No settings.
Recently viewed card (`recently-viewed-card`)
No settings.
Recently viewed (`recently-viewed`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Recently viewed | |
|---|
limit | range | Maximum products to show | 4 | 2 to 6, step 1 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 48 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Rich text (`rich-text`)
| Id | Type | Label | Default | Allowed values |
|---|
alignment | select | Alignment | center | start, center |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Accepts app blocks.
Shoppable image (`shoppable-image`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Shop the look | |
|---|
image | image_picker | Image | | |
|---|
ratio | select | Aspect ratio | 16/9 | 16/9, 3/2, 1/1, 4/5 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
full_width | checkbox | Make section full width | false | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Hotspot (hotspot):
| Id | Type | Label | Default | Allowed values |
|---|
product | product | Product | | |
|---|
x | range | Horizontal position | 50 | 0% to 100%, step 1 |
|---|
y | range | Vertical position (0% puts the hotspot at the left or top edge of the image, 100% at the right or bottom.) | 50 | 0% to 100%, step 1 |
|---|
Slideshow (`slideshow`)
| Id | Type | Label | Default | Allowed values |
|---|
layout | select | Layout | split | overlay, split |
|---|
height | select | Height | medium | short, medium, tall |
|---|
overlay | range | Overlay opacity (Darkens or lightens the image so text stays readable.) | 30 | 0% to 90%, step 10 |
|---|
autoplay | checkbox | Rotate slides automatically | true | |
|---|
interval | range | Change slides every | 6 | 3s to 12s, step 1 |
|---|
accessible_label | text | Accessible label (Describes the slideshow for screen reader users.) | | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
full_width | checkbox | Make section full width | true | |
|---|
padding_top | range | Top padding | 0 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 0 | 0px to 160px, step 8 |
|---|
Block Slide (slide):
| Id | Type | Label | Default | Allowed values |
|---|
image | image_picker | Image (2400 x 1200px .jpg recommended) | | |
|---|
image_mobile | image_picker | Mobile image | | |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Tell your story with an image | |
|---|
text | richtext | Text | | |
|---|
button_label | text | Button label | Shop now | |
|---|
link | url | Link | | |
|---|
text_position | select | Text position | bottom-left | top-left, center, bottom-left |
|---|
color_scheme | color_scheme | Color scheme | scheme-ink | |
|---|
Collection tabs (`tabbed-collections`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Shop the collections | |
|---|
limit | range | Maximum products to show | 4 | 2 to 12, step 1 |
|---|
columns | range | Columns on desktop | 4 | 2 to 5, step 1 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Tab (tab):
| Id | Type | Label | Default | Allowed values |
|---|
collection | collection | Collection | | |
|---|
label | text | Tab label (Defaults to the collection title) | | |
|---|
Testimonials (`testimonials`)
| Id | Type | Label | Default | Allowed values |
|---|
anchor | text | Anchor (Lets other blocks link to this section, for example reviews.) | | |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | What customers say | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Testimonial (testimonial):
| Id | Type | Label | Default | Allowed values |
|---|
quote | richtext | Quote | <p>Share a real quote from a customer about your product or… | |
|---|
author | text | Author | Customer name | |
|---|
rating | range | Rating (Only enter a rating the customer actually gave. 0 hides stars.) | 0 | 0 to 5, step 1 |
|---|
product | product | Product | | |
|---|
Timeline (`timeline`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | Our story | |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Block Milestone (event):
| Id | Type | Label | Default | Allowed values |
|---|
label | text | Label | Year | |
|---|
heading | text | Heading | Milestone | |
|---|
text | richtext | Text | <p>Describe what happened at this point in your story.</p> | |
|---|
image | image_picker | Image | | |
|---|
Trust strip (`trust-strip`)
| Id | Type | Label | Default | Allowed values |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
padding_top | range | Top padding | 32 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 32 | 0px to 160px, step 8 |
|---|
Block Promise (item):
| Id | Type | Label | Default | Allowed values |
|---|
icon | select | Icon | truck | check, truck, return, shield, lock, gift, star, heart, leaf, clock, battery, chat |
|---|
title | text | Heading | Free shipping | |
|---|
text | text | Text | On every order | |
|---|
Video (`video`)
| Id | Type | Label | Default | Allowed values |
|---|
subheading | text | Subheading | | |
|---|
heading | inline_richtext | Heading | | |
|---|
video | video | Shopify-hosted video | | |
|---|
video_url | video_url | Video link (Plays when no Shopify-hosted video is selected) | https://www.youtube.com/watch?v=_9VUPq3SxOc | |
|---|
cover_image | image_picker | Cover image | | |
|---|
ratio | select | Aspect ratio | 16/9 | 16/9, 4/3, 1/1, 9/16 |
|---|
color_scheme | color_scheme | Color scheme | scheme-paper | |
|---|
full_width | checkbox | Make section full width | false | |
|---|
padding_top | range | Top padding | 64 | 0px to 160px, step 8 |
|---|
padding_bottom | range | Bottom padding | 64 | 0px to 160px, step 8 |
|---|
Theme blocks
| Id | Type | Label | Default | Allowed values |
|---|
label | text | Button label | Shop now | |
|---|
link | url | Link | | |
|---|
open_in_new_tab | checkbox | Open link in a new tab | false | |
|---|
style | select | Style | primary | primary, secondary, link |
|---|
full_width | checkbox | Make button full width | false | |
|---|
alignment | text_alignment | Alignment | left | |
|---|
Custom Liquid (`custom-liquid`)
| Id | Type | Label | Default | Allowed values |
|---|
custom_liquid | liquid | Liquid code (Add app snippets or other code to customize this area.) | | |
|---|
Heading (`heading`)
| Id | Type | Label | Default | Allowed values |
|---|
heading | inline_richtext | Heading | Share what makes your brand different | |
|---|
size | select | Size | large | display, large, medium, small |
|---|
heading_level | select | Heading level (Use one H1 per page. Section headings are usually H2.) | h2 | h1, h2, h3, h4 |
|---|
alignment | text_alignment | Alignment | left | |
|---|
Image (`image`)
| Id | Type | Label | Default | Allowed values |
|---|
image | image_picker | Image | | |
|---|
ratio | select | Aspect ratio | 4/5 | adapt, 1/1, 4/5, 3/2, 16/9 |
|---|
link | url | Link | | |
|---|
Column (`post`)
| Id | Type | Label | Default | Allowed values |
|---|
span | range | Column width (Out of 12. Columns in a row should add up to 12. Columns stack on mobile.) | 4 | 1 to 12, step 1 |
|---|
vertical_alignment | select | Vertical alignment | top | top, center, bottom |
|---|
Text (`text`)
| Id | Type | Label | Default | Allowed values |
|---|
text | richtext | Text | <p>Use this text to tell customers about your products, you… | |
|---|
size | select | Size | body | large, body, small |
|---|
muted | checkbox | Use muted text color | false | |
|---|
alignment | text_alignment | Alignment | left | |
|---|