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
    • Wholesale
      • Wholesale basics
      • Account restrictions
    • Color and option swatches
    • Device specific visibility
    • Discount popups
  • Templates
    • Collection template
    • Product template
    • Blog template
    • Article template
  • Sections
    • Global Sections
      • Header
      • Footer
      • Navigation links
      • Announcement
      • Cart drawer
      • Account drawer
      • Search drawer
      • Menu drawer
    • Media & Promotional
      • Slideshow
      • Video
      • Split banner
      • Marquee
      • Image hotspot
      • Countdown
      • Discount
      • Banner
      • Slider
      • Testimonial slider
      • Search banner
    • Product & Collection Displays
      • Product grid
      • Product slider
      • Product table
      • Product comparison
      • Recently viewed
      • Collection list grid
      • Collection list slider
      • Featured product
      • Comparison table
    • Content & Marketing
      • Rich text
      • Blog posts grid
      • Testimonial grid
      • Logo list
      • Icon grid
      • Collapsible content
      • Tabs
      • Collage
    • Utility & Custom
      • Custom liquid
      • Tool tip
      • Store locater
    • Forms & CTAs
      • Email sign-up
      • Sign-up form
      • Contact form
  • 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
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Product & Collection Displays

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 25 days ago

Was this helpful?