Brickspace Lab
Contact usContact ShopifyTry a theme
Keystone
Keystone
  • Keystone documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Prices
      • Quick add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Custom content for tables
      • Replace "Add to cart"
      • Disable quick add
      • Product template
    • Collections
      • Collection template
    • Sitewide
      • Color and option swatches
      • Device specific visibility
      • Discount popups
      • Article template
      • Blog template
    • Wholesale
      • Wholesale basics
      • Account restrictions
  • Sections
    • Sitewide
      • Header
      • Footer
      • Announcement
      • Cart drawer
      • Search drawer
      • Menu drawer
      • Discount
      • Account drawer
      • Custom liquid
      • Store locater
    • Navigation
      • Navigation links
    • Content and Media
      • Banner
      • Image hotspot
      • Slideshow
      • Countdown
      • Slider
      • Video
      • Split banner
      • Testimonial slider
      • Search banner
      • Marquee
      • Rich text
      • Blog posts grid
      • Logo list
      • Icon grid
      • Collapsible content
      • Tabs
      • Collage
      • Testimonial grid
    • Products and Collections
      • Product grid
      • Product slider
      • Product table
      • Product comparison
      • Recently viewed
      • Collection list grid
      • Collection list slider
      • Featured product
      • Comparison table
    • Forms
      • Contact form
      • Email sign-up
      • Sign-up form
      • Tool tip
  • General
    • Changelog
      • v1.3.0
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
    • Cloning a demo theme
      • Knit
      • Kingpin
      • Kindred
      • Kettle
      • Kaleidoscope
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Products and Collections

Product table

Section overview

The Product table section displays products from a collection in a tabular format, allowing customers to compare products side by side with a focus on variants and details.

Common use cases

  • Showcasing product comparison tables for similar items

  • Displaying product specifications in an organized, scannable format

  • Featuring a curated selection of related products with their key details

  • Creating buyer's guides with structured product information

Usage tips

  • Select collections with products that have similar attributes for better comparison

  • Enable the variant table option to show all available variants for each product

  • Use the split layout for longer descriptions or when you want the header to remain visible

  • Consider disabling the variant table on mobile for a cleaner experience

Section settings

Setting
Type
Description

Collection

Collection picker

Select which collection of products to display in the table

Content

Header

Settings group for the content elements

Heading

Text

The main heading text for the section

Content

Rich text

Descriptive text that appears below the heading

Button label

Text

Text to display on the optional call-to-action button

Button URL

URL

The destination link when the button is clicked

Spacing

Header

Settings group for adjusting vertical spacing

Top spacing

Range (0-300px)

Amount of space above the section

Bottom spacing

Range (0-300px)

Amount of space below the section

Color

Header

Settings group for color options

Color scheme

Select

Background and text color combination for the section

Border color

Select

Color for any borders in the section

Button color

Select

Style and color variant for the section's button

Style

Header

Settings group for visual styling

Border position

Select

Where to place borders in relation to the section

Layout

Header

Settings group for layout options

Horizontal alignment

Select

Controls the alignment of content (left, center, or right)

Enable margin

Checkbox

Applies horizontal margin based on theme settings

Enable split

Checkbox

Divides the section into a sticky header and scrollable content

Display

Header

Settings group for display options

Visibility

Select

Controls whether the section appears on all devices, mobile only, or desktop only

Show details button

Checkbox

Displays a button that links to the product page

Show variant table

Checkbox

Displays a table of all product variants

Block settings

This section does not contain any blocks. All configuration is done through the main section settings.

Last updated 1 month ago

Was this helpful?