Skip to main content

Item Category Section

This section displays a grid of inventory categories. How many work best depends on the grid option: five or ten for the default grid, four for most mosaics.

Each "category" contains an image, a category name/title, and links to your search results page.

The link can be the URL generated by a search query, from your category schema, or just using the filters on the left side of the search results page. The main idea is that any link to the search results page is acceptable as long the search results represent that category.

When to Use​

Use this section to show customers your most popular prop categories. This helps tell the story of what you offer as well as helps your home page rank for these keywords.

If you don't need a link, use the Gallery Section instead.

Data Structure​

Position
Where the section appears in the order of all page sections.

Class
The class name of the section element for styling purposes.

Title
This is an H2 tag.

To maximize your SEO potential, use something like "Popular Props" or "Featured Prop Rentals" instead of "Categories" or "Collections".

Subtitle
Text below the title that uses a P tag.

Items
Each category-item is an object with an image, a title/caption and a URL path to another page on your website.

Category-items can be drag and dropped to reorder.

Grid Class Name
The layout of the items. See Grid Options.

If you don't need an item link, use the Gallery Section.

If you need an item description, use the Services Section.

Button Text
The text for the CTA button.

Button Path
The pathname of the page clicking the CTA button links to.

Button Class
See the available button classes (coming soon).

Grid Options​

Grid 5 X 2 (default)
Five columns of square tiles, showing the first ten items.

Grid 1 Column, Grid 2 Column, Grid 3 Column, Grid 4 Column, Grid 5 Column
That many columns, with no limit on the number of items. They use fewer columns on tablets and phones.

Mosaic 2
Two columns, the left one twice as wide.

Mosaic 2: rows of a wide tile and a narrow tile

Mosaic 3
A large tile with two smaller tiles stacked beside it. Best with three or six items.

Mosaic 3: a large tile with two smaller tiles stacked to its right

Mosaic 4
A wide tile and a small tile, then a small tile and a wide tile. Best with four items.

Mosaic 4: a wide tile and a small tile, then a small tile and a wide tile

Mosaic 4 Tall
A tall tile, two small tiles stacked beside it, then another tall tile. Best with four or eight items.

Mosaic 4 Tall: a tall tile on the left, two small tiles stacked in the middle, a tall tile on the right

Mosaic 5
Two columns, the left one twice as wide, with staggered tile heights.

Mosaic 5: a wide left column and a narrow right column with staggered tile heights

The mosaics show each title on top of its image, and stack into one column on phones. They're available in Item Category and Gallery sections, not Services sections.

Examples​