Brand Tile Macro
Description
The brand tile macro allows the user to create a tiled grid of images, when a user hovers over the image a content block will slide up and display additional content.
Macro Properties
The macro has two options you can set
- Content Folder
The macro will render all content blocks in side this folder. This is a content folder of type “Brand Tile Content Folder”. - Show Filters
This option will display two links “Brands” and “Case Studies” and allow the user to filter the tiles by the category. Brand category tiles will be shown when the macro loads.
Adding Content
Content for the brand tile macro is provided through a content folder of type “Brand Tile Content Folder”. Each folder will contain 1 or more “Brand Tile Content Blocks”.
Each content block has the following fields:
- Title
Not used at present - Description
This is the content that will be initially shown in the grid. This is usually an image. - Hover Description
The hover description is HTML content which will be displayed when a user hovers over the tile on a desktop device or taps on a mobile device. - Category
Content can be divided into categories and filtered if the "Show Filter" option is set on the macro. Only the "Brands" and "Case Studies" categories are supported.
Tips
- Use a full width page layout
- In a smaller width layout tiles appear smaller so adjust the content accordingly
- Use content in multiples of 3 as this is the amount of tiles per row
- Use the same size images for all tiles
- Use small amounts of hover description content. The macro will scale the font size on smaller devices but is not designed to show large amounts of content