GET YOUR FIRST 14-DAYS OF PRO FREE

Cards

The cards attribute template is a commonly used template to display available options in two or three columns next to each other.

You can optionally choose to display a thumbnail in the card.

In this post:

How to configure

When creating a new attribute, select the “cards” template. And make sure you have type “Image” selected. “Color” or “Font” should also work. Curious what works well together? Click here to view the attribute support table.

Next, you can choose to set a style. Like rounded or squared. Or you can inherit from theme. You could even override the border radius there to a custom value. Custom styles should go in the Custom CSS field.

You can also choose to show or hide thumbnails. When you select “Show thumbnails” you get an additional image field where you can upload the thumbnail.

Finally, you can choose to show two or three cards in a row. When you have very short texts, you can fit three in a row. Otherwise, two is recommended.

Example

We have created a demo product that showcases the cards attribute in action. Click the button below to see a live demo.

Product add-on: Cards

Attribute Types

Chevron icon
Toggle widget nav content

Hooks and Filters

Chevron icon
Toggle widget nav content