02GENERAL
Fields and forms
This page explains how “Fields and forms” actually behaves, which data it depends on, and what its settings change.
Fields and forms
This page explains how “Fields and forms” actually behaves, which data it depends on, and what its settings change.
What the theme does automatically
This section only displays elements that have content. Empty elements are ignored to preserve the layout.
Understand the settings
Style of search fields, forms, selectors and text boxes.
Rounding of fields
Default: 4 · Range: 0–20px input_corner_radiusVertical field padding
Default: 12 · Range: 0–32px input_padding_verticalHorizontal field padding
Default: 14 · Range: 0–40px input_padding_horizontalBackground color
Default: #FFFFFF input_backgroundBackground Opacity
Default: 10 · Range: 0–60% input_background_opacityEntered text
Default: #FFF9F6 input_textBorder
Default: #FFF9F6 input_borderBorder Opacity
Default: 14 · Range: 0–70% input_border_opacityBorder in focus
Default: #D39A84 input_focus_colorOpacity of indicator text
Default: 50 · Range: 20–80% input_placeholder_opacityAvailable blocks
This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.
Before publishing
- ✓
Content remains readable in every color scheme.
- ✓
Labels match the storefront language.
- ✓
Displayed promotions match Shopify rules.
- ✓
Interactions remain accessible by keyboard and touch.