The Cartble section editor lets you build and customize every page in your storefront without writing code. Each page type has its own section stack, and you can add, reorder, and configure sections through the Design panel in your admin dashboard. Some sections are locked to specific page types, and a few are restricted by industry.Documentation Index
Fetch the complete documentation index at: https://docs.cartble.com/llms.txt
Use this file to discover all available pages before exploring further.
Page types and the section editor
Your storefront has six page types, each with its own independent list of sections:| Page type | Description |
|---|---|
index | Your homepage |
resource | Individual product pages |
collection | Collection listing pages |
contact | Contact page |
about_us | About us page |
search | Search results page |
availableOn. You can only add a section to a page type it supports.
Locked sections
Two sections are locked and cannot be removed from their page:- Resource information (
resource_main) — always present on product pages - Collection resources (
collection_main) — always present on collection pages
All section types
Hero banner
Hero banner
Image slider
Image slider
A multi-slide banner with separate desktop and mobile images per slide, transition effects, and autoplay.Available on: homepage, product, collectionSection settings:
Blocks (up to 6 slides):Each slide block has its own title, subtitle, desktop image, mobile image, content alignment, overlay color and opacity, text color, and a single CTA button with label and link.
| Setting | Type | Description |
|---|---|---|
| Slider height | Select | small, medium, large, or full |
| Transition effect | Select | slide or fade |
| Pagination style | Select | dots or progress bars |
| Enable autoplay | Checkbox | Auto-advances slides (default on) |
| Autoplay speed | Range | Seconds between slides (default 5) |
| Show navigation arrows | Checkbox | Show previous/next arrows (default on) |
Featured collection
Featured collection
Displays a grid of products from a chosen collection with a configurable column count and optional “View All” link.Available on: homepage, product, contact
| Setting | Type | Description |
|---|---|---|
| Title | Text | Section heading (default “New Arrivals”) |
| Subtitle | Text | Supporting text below the heading |
| Collection | Collection picker | The collection to pull products from |
| Resource limit | Number | How many products to show (default 4) |
| Resources per row | Select | 2, 3, or 4 columns |
| Alignment | Select | left or center |
| Show “View All” link | Checkbox | Adds a link to the full collection (default on) |
Rich text
Rich text
A block of formatted text content with an optional heading, useful for brand storytelling or policy text.Available on: homepage, product, collection, contact
| Setting | Type | Description |
|---|---|---|
| Title | Text | Section heading (default “Our Story”) |
| Content | Rich text | Full rich-text body content |
| Alignment | Select | left, center, or right |
Newsletter
Newsletter
Resource information (locked)
Resource information (locked)
The main product information block on a product page. This section is locked and cannot be removed.Available on: product only
Blocks:You configure which information blocks appear and in what order:
The Structured Accordion supports up to four items. Item 1 always renders the product description. Items 2–4 each have a title, optional rich-text content, and an optional metafield connection that overrides the manual content when set.
| Setting | Type | Description |
|---|---|---|
| Layout style | Select | stacked (image above info) or columns (side by side) |
| Block | Description |
|---|---|
| Title & Price | Displays the product name and price |
| Variants & Options | Renders variant selectors (size, color, etc.) |
| Add to Cart Button | The primary purchase action |
| Structured Accordion | Up to four collapsible sections for description, materials, shipping, or custom metafield content |
Collection resources (locked)
Collection resources (locked)
The main product grid on a collection page. This section is locked and cannot be removed.Available on: collection only
| Setting | Type | Description |
|---|---|---|
| Resources per page | Number | Number of products per page (default 12) |
Contact form
Contact form
A customer contact form with optional phone field and configurable alignment.Available on: contact, homepage
| Setting | Type | Description |
|---|---|---|
| Title | Text | Form heading (default “Get in Touch”) |
| Subtitle | Textarea | Supporting copy |
| Button text | Text | Submit label (default “Send Message”) |
| Alignment | Select | left or center |
| Show phone field | Checkbox | Adds a phone number input (default off) |
| Email placeholder | Text | Placeholder for the email input |
FAQ
FAQ
An accordion-style FAQ section. Each FAQ item is a separate block with a question and rich-text answer.Available on: homepage, product, collection, contact
Blocks: Each FAQ item block has a Question (text) and an Answer (rich text).
| Setting | Type | Description |
|---|---|---|
| Title | Text | Section heading (default “Frequently Asked Questions”) |
| Alignment | Select | left or center |
Google Maps
Google Maps
Embeds a Google Maps location at a configurable zoom level and height.Available on: contact, homepage
| Setting | Type | Description |
|---|---|---|
| Address | Text | The address to pin on the map |
| Zoom level | Number | Map zoom (default 15) |
| Map height | Number | Height in pixels (default 450) |
Platform address
Platform address
Displays your store’s contact details — address, phone, email, and opening hours — with a configurable background.Available on: contact, homepage, about us
| Setting | Type | Description |
|---|---|---|
| Title | Text | Section heading (default “Where to find us”) |
| Address | Textarea | Street address |
| Phone | Text | Phone number |
| Text | Contact email address | |
| Opening hours | Textarea | Free-form hours text |
| Alignment | Select | left or center |
| Background color | Color | Section background (default #ffffff) |
Image with text
Image with text
Places a side-by-side image and text block with an optional CTA button. Image position is configurable.Available on: homepage, about us, product
| Setting | Type | Description |
|---|---|---|
| Image | Image | The featured image |
| Title | Text | Block heading (default “Our Mission”) |
| Text | Rich text | Body content |
| Image position | Select | left or right |
| Button text | Text | Optional CTA label |
| Button link | URL | Optional CTA destination |
Features grid
Features grid
A grid of feature highlights, each with a Lucide icon, title, and description.Available on: homepage, about us, product
Blocks: Each feature block has an Icon (Lucide icon name, e.g.
| Setting | Type | Description |
|---|---|---|
| Title | Text | Section heading (default “Why choose us”) |
| Columns | Select | 3 or 4 columns |
Star), a Title, and a Description.Video banner
Video banner
Stats counter
Stats counter
An animated counter block displaying key numbers with labels and suffixes (e.g., “1,000+ happy customers”).Available on: homepage, about us
Blocks: Each stat block has a Number (text), a Label, and a Suffix (e.g.
| Setting | Type | Description |
|---|---|---|
| Background color | Color | Section background (default #f9fafb) |
+).Team / image grid
Team / image grid
A grid of team member cards or general image tiles with names and captions.Available on: homepage, about us
Blocks: Each member block has a Photo (image), a Name, and a Role/Caption.
| Setting | Type | Description |
|---|---|---|
| Title | Text | Section heading (default “Our Team”) |
| Columns | Select | 3 or 4 columns |
Daily menu (on-demand stores only)
Daily menu (on-demand stores only)
Marquee
Marquee
A continuously scrolling ticker with repeating text items and Lucide icons. Useful for announcements, brand values, or promotional messaging.Available on: homepage, product, collection, about us
Blocks: Each marquee item has Text and an optional Icon (Lucide icon name, e.g.
| Setting | Type | Description |
|---|---|---|
| Speed | Range | Seconds per full scroll cycle (default 20) |
| Direction | Select | left or right |
| Pause on hover | Checkbox | Pauses the animation on hover (default on) |
| Gap between items | Select | Small (gap-6), Medium (gap-12), Large (gap-24) |
| Background type | Select | solid or gradient |
| Background color | Color | Used for solid background |
| Gradient from / to | Color | Start and end colors for gradient background |
| Text color | Color | Item text color (default #ffffff) |
| Font size | Select | Extra small, Small, Medium, or Large |
| Vertical padding | Select | Tight, Normal, or Spacious |
| Fade edges | Checkbox | Fades left and right edges (default on) |
| Font weight | Select | Normal, Medium, Bold, or Black |
Star).