Common settings
Options repeated in many sections, explained once. Every section that uses them shows the same options; the full detail is in the reference for customers.
Visibility & section ID
Choose whether the section shows on all devices, mobile only or desktop only. «Display section ID» shows its ID in the editor: use it to merge 2 sections with the Sections group section or to make a button scroll to it.
When to use it
- Show a section on mobile only or on desktop only.
- Use two versions of a section, one for each device type.
- Get a section's ID to merge it with another one or to make a button scroll to it.
- Display section ID
- Display on
Used by 29 sections
- Apps
- Blog Sidebar
- Cart drawer
- Collapsible content
- Pixelion - Compare slider
- Comparison Table
- Pixelion - Tabbed content
- Custom Banner
- Custom Liquid
- Email signup banner
- Featured collection
- Featured product
- Pixelion - Icon Bar
- Icons with content
- Image banner
- Image Slider
- Image with text
- Product information
- Pixelion - Multicolumn
- Pixelion - features
- Related products
- Pixelion - Results
- Rich text
- Slideshow
- Step Instructions
- Pixelion - Testimonials
- Pixelion - Featured on
- Track Order
- Video
Color scheme
Applies one of the color schemes defined in the theme's global settings (Colors).
When to use it
- Quickly change the colors of a section.
- Alternate light and dark sections to give the page rhythm.
- Keep your store colors consistent with your brand.
- Color scheme
Section spacing
Top and bottom padding of the section, in pixels.
When to use it
- Give more breathing room between one section and the next.
- Bring sections closer together when they should read as a set.
- Top padding
- Bottom padding
Used by 35 sections
- Collapsible content
- Pixelion - Compare slider
- Comparison Table
- Contact Form
- Custom Liquid
- Blog posts
- Featured collection
- Featured product
- Footer
- Pixelion - Icon Bar
- Icons with content
- Image Slider
- Account
- Account activation
- Addresses
- Blog posts
- Items
- Product grid
- Login
- Order
- Page
- Registration
- Password reset
- Search results
- Pixelion - Multicolumn
- Email signup
- Page
- Pixelion - features
- Related products
- Pixelion - Results
- Rich text
- Section Divider
- Pixelion - Testimonials
- Track Order
- Video
Text highlight & underline
Turn highlighting on and mark the text like this: [text] highlights it, {text} underlines it, \(text\) adds a background and |text| changes its font. Pick the colors, underline thickness, weight and font of the highlight.
When to use it
- Emphasize one or two key words in a heading.
- Add some style with an underline or a different font.
- Keep the same highlight style across several sections.
- Enable text highlighting
- Highlight text background preset
- Override highlight background color
- Highlight text background color
- Highlight text color preset
- Override highlight color
- Highlight text color
- Text underline color preset
- Override underline color
- Custom underline color
- Underline text thickness
- Highlight text weight
- Highlight text font
Used by 26 sections
- Pixelion - Info bar
- Blog Sidebar
- Cart drawer
- Collection Carousel
- Pixelion - Tabbed content
- Custom Banner
- Pixelion - Faqs
- Feature Showcase
- Featured product
- Footer Disclaimer
- Pixelion - Icon Bar
- Icons with content
- Image banner
- Image with text
- Product information
- Pixelion - Multicolumn
- Page Title
- Video Carousel
- Pixelion - Results
- Rich text
- Step Instructions
- Pixelion - Testimonials
- Why Choose Us v2
- Why Choose Us v3
- Why Choose Us v4
- Why Choose Us
Full reference: 18 settings
Type, default value, ranges and units, every option and when each setting shows — plus every block setting, tips and the docs of older versions. Available to Pixelion customers.