Skip to Content

Cards

Display content in a responsive grid of cards. Supports five card types: Feature, Review, Team, Milestone, and Location. Use this section for testimonials, team introductions, feature highlights, company milestones, or store locations.

Configure the Section

  1. In the theme editor, click Add section.
  2. Select Cards grid.
  3. Add blocks for each card type you want to display.

Section Settings

SettingDescription
Max itemsMaximum number of cards to display. Range: 1–24. Default: 12.
Desktop columnsNumber of columns on desktop. Range: 1–6. Default: 4.
Mobile columns1 column or 2 columns. Default: 1.
GapSpacing between cards. Range: 0–100px. Default: 4px.
Section widthPage width or Full width. Default: Page width.
Color schemeSelect a color scheme for the cards section.
PaddingTop and bottom padding. Range: 0–100px. Default: 32px.

Block Types

Review Card

Display a customer review or testimonial.

SettingDescription
RatingStar rating to display (1–5).
Star alignmentHorizontal alignment of the star rating — Left, Center, or Right. Independent of text alignment. Default: Left.
Star sizeSize of the star icons. Range: 12–32px. Default: 16px.
Star colorCustom color for the star icons. Leave blank to use the theme color.
Review textThe review content.
AuthorReviewer name.
Author imageOptional photo of the reviewer.

Feature Card

Highlight a product feature or benefit.

SettingDescription
ImageFeature illustration or icon.
TitleFeature heading.
DescriptionFeature description text.

Team Member Card

Introduce a team member.

SettingDescription
PhotoTeam member photo.
NameTeam member name.
RoleJob title or role.
BioShort biography.

Milestone Card

Display a company statistic or achievement.

SettingDescription
NumberThe statistic value (e.g., “500+”).
LabelDescription of the statistic (e.g., “Happy customers”).

Location Card

Show a store or office location.

SettingDescription
ImageLocation photo.
NameLocation name.
AddressStreet address.
LinkLink to map or location page.