Content Cards

Content cards can be used on pages like About Us, Materials, and the Style Edit. Content card can be used to educate customers with content or informing information.

Types of content cards

Each types of cards have different layouts and can be displayed in grid or carousel.

• •
  Vertical content card (without text, text over image)
• •
  Horizontal content card (without text, text over image)
• •
  Content card with text (text on top, text at bottom)
• •
  Inline card
• •
  Text Only

Inline Content Cards

For the Inline Content Cards, only 1-3 cards are recommend to be used.

Grid layout

Each types of cards layout can be in grid or carousel. Here are number of cards can be used in grid and carousel layout.

• •
  Supported Cards: You can display 1, 2, or 3 cards in both desktop and mobile views.
• •
  For the mobile view, all cards are stacked.

Spacing

• •
  None
• •
  Default
• •
  Loose

Characteristics

• •
  Basic - This card type will display images or videos without a Shop the look button. This card allow for an image
• •
  Video - The Video content card is the same as the basic card however basic video controls are displayed (pause/play)
• •
  Various Spacing- The Content Card offer various column and row spacing (None, Default, Loose)

Note:

Video STL is not currently supported