Content Sections
Content sections are general-purpose layout blocks for building informational pages, brand storytelling areas, and supporting page content. These sections are available on all page types.
Rich Text
File: sections/rich-text.liquid
A centered or left-aligned text block for editorial content, brand statements, or lore entries.
Settings
| Setting | Description |
|---|---|
| Heading | Section headline |
| Body | Rich text editor (supports bold, italic, lists, links) |
| Alignment | Left, Center, or Right |
| CTA button label | Optional button text |
| CTA button URL | Optional button link |
Image With Text
File: sections/image-with-text.liquid
A two-column layout with an image on one side and rich text on the other. Commonly used for brand story sections, "About us" snippets, or feature callouts.
Settings
| Setting | Description |
|---|---|
| Image | The section image |
| Image position | Left or Right |
| Heading | Section headline |
| Body | Rich text body content |
| CTA button label | Optional button text |
| CTA button URL | Optional button link |
Video
File: sections/video.liquid
Embed a YouTube or Vimeo video in a full-width or contained player. Useful for painting tutorials, product showcase videos, or campaign trailers.
Settings
| Setting | Description |
|---|---|
| Video URL | YouTube or Vimeo URL |
| Autoplay | Enable muted autoplay on page load |
| Cover image | Optional thumbnail shown before play |
| Heading | Optional text above the video player |
Blog Posts
File: sections/blog-posts.liquid
Displays a grid of recent blog posts from a selected blog. Ideal for painting guides, campaign lore, or new release announcements on the homepage.
Settings
| Setting | Type | Description | Default |
|---|---|---|---|
| Heading | Text | Section heading | "From the Forge" |
| Blog | Blog picker | Source blog to pull posts from | First blog |
| Posts to show | Range | Number of posts in the grid | 3 |
Page Templates
TabletopForge includes several pre-built custom page templates for special store pages. These templates use dedicated section files:
TF Page: About
File: sections/tf-page-about.liquid
Template: page.about
A full-page about/brand story layout with a full-bleed hero, team or studio description, and brand values section.
TF Page: Documentation
File: sections/tf-page-documentation.liquid
Template: page.documentation
An in-theme documentation viewer page for product assembly guides, painting tutorials, or STL printer settings.
TF Page: FAQ
File: sections/tf-page-faq.liquid
Template: page.faq
A full-page accordion FAQ layout. Questions and answers are entered as page content blocks in Shopify Admin.
To set up the FAQ page:
- In Shopify Admin, go to Online Store → Pages.
- Create a new page titled "FAQ" (or similar).
- In the Theme template dropdown, select
page.faq. - Add your FAQ content in the Shopify page editor.
- In the theme editor, you can configure the section heading and visual settings.
TF Page: Support
File: sections/tf-page-support.liquid
Template: page.support
A branded support portal page with a contact form, response time expectations, and support scope information.
Cart Page
File: sections/main-cart.liquid
Template: cart (default)
The cart page uses the TF design system with:
- Line item list with product images, titles, and variant details
- Quantity controls
- Order subtotal and checkout CTA
- Integrated cart drawer available from any page via the header cart icon
Cart Drawer
In addition to the dedicated cart page, a sliding cart drawer (tf-cart-drawer) is available globally and can be opened by clicking the cart icon in the header. This allows customers to review their cart without leaving the current page.
404 Page
File: sections/main-404.liquid
A custom 404 error page with the TabletopForge atmospheric design, a "Page Not Found" diagnostic message, and a button linking back to the homepage.