The Grid Snippet block is a snippet block that allows you to add more than 8 columns to the block.
It also can expand beyond a single row, wrapping elements down the page as required by the amount of space available.
You can set a target column width for a single column, which is applied to all columns in the grid.
Setting Options
Column Target Width
Set the default target width for a column. The column will resize wider than smaller or larger than the target to attempt to full the width. When it is more efficient to add or remove a column from the current row it will adjust accordingly.
Grid Gap
Specify a space amount that will be added between columns and rows
Auto-fit Horizontal
Enabled by default, the snippet block will attempt to stretch the columns to fit the full width of the row if possible.
Disabling auto-fit (changing to auto-fill) will not attempt the stretch to full width, attempting to match the target width.
Converting Standard Snippets to Grid Snippets
You can convert any existing snippet to become a grid snippet via the Style Editor Popup.
Click the SIZE AND SPACING tab in the popup, then open the Grid Columns section.
- Enable the GRID setting
- Choose your Column width and Gap (optional)
Grid Snippet Example Video
FAQ Topics
Building your site
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Products
- Product Options
- Layout and Formatting
- Payment Options
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Bookings Management System
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Point of Sale (POS)
- Reports
- Orders / Invoices
Email & Membership
Promoting your site
Advanced
- Power User Options
- Form Spam Filtering
- Wordpress
- PHP Setup
- [TAGS]
- jQuery snippets
- Search External Links / Import external content
- HTML / CSS Snippets
- Embedding Web Fonts
- Loading additional Material Symbols styles
- FAQ Help Map
- Uploading local font files
- Advanced Template Customisation, CSS, etc
- Languages and Translations
