Join Mejuri+ to get 10% off your first order.Sign Up
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
Inline Content Cards
Inline Content Cards has following layouts
With image and text
Image before the text
Image after the text
Recommend to use 1 column up to only 3 columns
Inline Content Card - 1 Card (Image before text)
Inline Content Card - 1 Card (Image after text)
Inline Content Card - 3 cards
*The inline card can be used with a video and can span full width.
Inline Content Cards Spacing
For Inline Content Cards, only default and loose spacing is recommended.
Default
Loose
Default Spacing
Horizontal Container spacing= default
Column spacing = Default
Columns=3
Layout= grid