Skip to main content

Content Sections

Content sections carry the informational parts of your store: values, promises, FAQs, blog teasers, the contact page, and search helpers. Ronin includes 7 content sections. Every one of them shares the universal width, color scheme, background, and padding controls described in Section Settings, so this page only lists what is specific to each section.

About values​

A values manifesto: a heading above a grid of numbered principle cards. It is used by the page.about template.

section-about-values.webp

Features:

  • Overline, heading, heading size, and alignment
  • Accent the italic word to tint it with your primary color, and a highlight style (Box, Highlighter, or Underline) for a word wrapped in [square brackets]
  • Up to 8 principle cards, each with a heading and text
  • Card numbers generated automatically from the block order
  • Cards reveal one after another as they scroll into view
  • Blocks: Principle

Trust badges​

A band of value-proposition cards such as free shipping, secure checkout, and easy returns. Cards lift on hover and drift slightly out of phase as the page scrolls.

section-trust-badges.webp

Features:

  • Up to 8 cards, each with a label and a description
  • Icon type per card: a built-in icon (Truck, Shield check, Refresh, Rotate back, Activity, Lock, or Scissors) or your own image (a transparent PNG or SVG is recommended)
  • Hover effect that lifts the card and highlights its icon
  • Scroll drift on desktop; static on touch devices
  • Blocks: Item

FAQ accordion​

A two-column FAQ: a sticky aside with the heading and an optional support card beside an accordion of questions. Only one question stays open at a time.

section-faq-accordion.webp

Features:

  • Overline, heading, heading size, and alignment, with italic accent and highlight style options
  • Support card with its own color scheme, title, text, and a button (label, style, size, URL, and new-tab options)
  • Up to 16 questions, each with a question and a rich text answer
  • Open by default per question (only the first open question stays open)
  • Blocks: Question

Article list​

A heading with an optional "view all" link above a grid or carousel of article cards. It is used on the article page to suggest further reading and on the search page to surface journal posts.

section-article-list.webp

Features:

  • Overline, heading, intro, heading size, and alignment, with italic accent and highlight style options
  • Link button with label, style, size, URL, and new-tab options; leave the label empty to hide it, and it points to the blog when no URL is set
  • Blog picker and number of articles to show
  • On an article page, leave the blog empty to show other posts from the same blog, excluding the one being read
  • Cards layout: Carousel, Grid, or Masonry, with columns and gap per device, plus carousel controls (pagination, effect, speed, autoplay, loop)
  • Article card color scheme and image aspect ratio (Auto, 9:16, 3:4, 1:1, 4:3, 16:9, or Custom)
  • Show description and show published date toggles

Journal​

A type-led blog list in which each post is a large title row. On hover, the post image wipes in behind the title and the other rows dim. It appears on the third and fourth home page layouts.

section-journal.webp

Features:

  • Overline, heading, heading size, and alignment, with italic accent and highlight style options
  • Button with label, style, size, URL, and new-tab options
  • Posts with an image, heading, link, category, and read time
  • Hover image reveal on desktop; the image shows as a banner on mobile
  • Blocks: Post
note

Journal posts are entered manually as blocks, so you choose exactly which stories to feature. To list the latest articles from a blog automatically, use Article list instead.

Contact​

An editorial contact page: a breadcrumb, heading, and intro above a two-column layout with a sticky image on one side and a contact form card plus an info card on the other. It is used by the page.contact template.

section-contact.webp

Features:

  • Breadcrumb with a current page label (leave it blank to hide the breadcrumb)
  • Heading with a highlight style for a bracketed word, and an intro
  • Image with a selectable ratio (Auto, 9:16, 3:4, 1:1, 4:3, 16:9, or Custom) and alt text
  • Form card with its own heading and intro, using the Shopify contact form
  • Info card with a heading, up to 4 info entries (for example address, email, and hours), and a quick help label
  • Quick links listed under the info card
  • Blocks: Info, Quick link

A cloud of pill links that re-run the search on nearby terms. Add it to the search page to help visitors refine their query.

section-search-related.webp

Features:

  • Overline, heading, heading size, and alignment, with italic accent and highlight style options
  • Up to 16 search terms, each shown with a search icon
  • Each term's link defaults to a search for its label; enter a URL to send it somewhere else
  • Highlight wipe on hover
  • Blocks: Search term
Content sections on your pages
  • Pair About values with About hero on the About page.
  • Add Trust badges and FAQ accordion to product templates to answer common questions before checkout.
  • Use Article list for automatic, blog-driven recommendations and Journal for a hand-picked editorial list.