Skip to main content

Grid

Updated over a week ago

The Grid component allows you to display a collection of content in a clean, organized grid layout. Ideal for showcasing a full gallery or categorized selections, this component emphasizes visual clarity and easy browsing.

πŸ”§ How to Configure the Grid Component

To start adding a new component, simply click the button in the upper right corner, and select "grid".

You will be presented with a content type you want to add
​

For example, let's try and add Video to our page:


Title

Enter a title for your grid. This will appear above the component and let users know what type of videos they're browsing (e.g., "Trending Now", "Workshops", or "Editor's Picks").


Items per Row

Define how many video items appear in the grid once. Common options are:

  • 3 (default)

  • 2 or 4 depending on the layout needs

πŸ›ˆ This setting impacts the visual density and width of the grid.


Sort

Choose how the videos are sorted in the grid:

  • Latest – Newest videos first

  • Oldest – Older content first

  • Manual – If available, allows for drag-and-drop or custom order (platform-dependent)

  • Trending

  • Popular


Add Filter

Click Add Filter to narrow down which videos are shown. You can filter videos by tags such as:

  • Tags

  • Products

  • Collections

Each filter helps ensure only relevant videos appear in the grid, making content more targeted and personalized.


βœ… Final Steps

After entering your configurations, click Create and Save in the top right corner to publish the grid component.

Example of the grid layout

Did this answer your question?