Marble Documentation
Contact usBigStart.io
  • Marble - Documentation
  • Global settings
    • Info
    • Color styles
    • Typography
    • Buttons
    • Global
    • Currency format
    • Cart
    • Products
    • Swatches
    • Social media
    • Favicon
    • Checkout
  • Global Features
    • Focal Points
    • Custom product badges
  • Global sections
    • Cookie banner
    • Newsletter popup
    • Announcement bar
    • Header
    • Product quick view
    • Footer
  • Content sections
    • Content sections
    • Common settings
    • Hero
    • Richtext
    • Featured products
    • Marquee
    • 70/30 Images with content
    • Image with text
    • Featured collections
    • Featured collection
    • Banner
    • Promo bar
    • Shop the look
    • Featured blog
    • USPs
    • Newsletter banner
    • 50/50 Image
    • 50/50 Text
    • Card Grid
    • Custom liquid
    • Featured product
    • Promo columns
    • Richtext with logos
    • Social feed
    • Testimonials
    • Video
    • Store
    • Masonry
    • Countdown offer section
    • Separator
    • Recently viewed
    • Image gallery
    • Products grid
    • Collage grid
  • Pages
    • Collections list
    • Collection page
    • Product page
    • Size guide page
    • Cart page
    • FAQ page
    • Contact page
    • Creating custom pages
    • Blog
Powered by GitBook
On this page
  1. Content sections

Products grid

PreviousImage galleryNextCollage grid

Last updated 1 year ago

The main purpose of this section is providing the ability to show product grids even outside of the collection templates.

The main settings in the section are the ones listed with some additional ones listed below.

Content

  • Subheading

  • Heading

  • Button settings - shown at the bottom of the grid section

Layout

The following settings will affect the layout size and spacings:

  • Fullwidth -- will make the grid full width taking the whole screen

  • Side margins -- will add spacing on both sides of your screen

  • Side margins - Mobile -- will add spacing on both sides on mobile devices only

Products per row

Products per row (desktop and mobile) will change the number of items you'll see per row. You can for example show 4 products per row on desktop, and 1 or 2 on mobile.

Collection and products number

Here you can pick from which collection to load products and how many to be shown.

here