Theme Documentation > Content cards

Content cards

The Content Cards section is designed to present groups of similar content in a visual grid layout. It can be used to display groups of collections, featured brands, or other such content. A number of layout and configuration options are included.

Content cards can either link to a page on your store or they can be used to show additional pop-up content in a modal overlay or drawer.

 Settings

Header Add a heading, caption and/or subheading. All fields are optional; leave blank if not required
Cards Set various settings relating to the content within each card. You can set text alignment, vertical position, padding and color scheme.
Pop-up content Set your preference on the display of pop-up content. You can choose a modal or drawer, and choose the icon.
Layout Set various settings for the layout of the cards. 
Equal grid (default) will create an equal, balanced layout with all cards the same size. Asymmetrical options will create a grid made up of large and small cards. You can choose the set only the first card to be larger, or can set the grid to a repeating pattern of large and small cards.
Other layout settings include margins, grid spacing and number of columns. Choose settings according to the aesthetic you want.

Blocks

By default, the section has two image blocks inserted. To add additional cards, click “Add block”. To remove any block, hover over it and click the delete icon. For each card you can input the content and choose from a number of display options.

Each content card can include either an image or a video. If a video is added, it over-rides the image.

To include additional pop-up content within a drawer or overlay, turn the setting on within the block, and add the content into the block settings. If additional content is turned off or left blank, no drawer or overlay will display.