Article card
Controls the global appearance of blog article cards, including layout, content visibility, buttons, and colors.
Where to find it
- In your Shopify admin, go to Online Store → Themes → Customize
- Click the Theme settings (gear icon) in the left panel
- Click Article card
Settings
Layout
| Setting | Label | Type | Default | Options |
|---|---|---|---|---|
| `article_card_style` | Card style | Select | Vertical | Vertical |
Vertical
| Setting | Label | Type | Default | Notes |
|---|---|---|---|---|
| `article_card_creative_shape` | Shape | Select | None | None, Diagonal left, Diagonal right, Wave, Angular |
| `article_card_creative_angle` | Creative angle | Range (5 – 30, step 1) | 5 | Only visible when Shape is not set to None |
Content settings
| Setting | Label | Type | Default | Notes |
|---|---|---|---|---|
| `article_card_show_image` | Show featured image | Checkbox | On | |
| `article_card_show_tag` | Show first tag badge | Checkbox | On | |
| `article_card_show_date` | Show publish date | Checkbox | On | |
| `article_card_show_author` | Show author name | Checkbox | On | |
| `article_card_show_excerpt` | Show excerpt | Checkbox | On | |
| `article_card_excerpt_limit` | Excerpt length | Range (60 – 260, step 10) | 140 | Only visible when Show excerpt is on |
| `article_card_show_read_more` | Show read more button | Checkbox | On | |
| `article_card_button_label` | Button label | Text | Read more | Only visible when Show read more button is on |
| `article_card_button_size` | Button size | Select | M | 2XS, Extra small, S, M, L, Extra large, 2XL. Only visible when Show read more button is on |
| `article_card_button_style` | Button style | Select | Primary | Primary, Secondary, Text link. Only visible when Show read more button is on |
| `article_card_open_in_new_tab` | Open this link in a new window | Checkbox | Off | Only visible when Show read more button is on |
| `article_card_text_align` | Text alignment | Select | Left | Left, Center, Right |
Color settings
| Setting | Label | Type | Default |
|---|---|---|---|
| `article_card_secondary_light_background_color` | Card background color (light) | Color | None |
| `article_card_secondary_dark_background_color` | Card background color (dark) | Color | None |
| `article_card_secondary_light_heading_color` | Heading color (light) | Color | None |
| `article_card_secondary_dark_heading_color` | Heading color (dark) | Color | None |
| `article_card_secondary_light_highlights_heading_color` | Highlights heading color (light) | Color | None |
| `article_card_secondary_dark_highlights_heading_color` | Highlights heading color (dark) | Color | None |
| `article_card_secondary_light_text_color` | Text color (light) | Color | None |
| `article_card_secondary_dark_text_color` | Text color (dark) | Color | None |
| `tag_bg_light_normalized` | Tag label background (light) | Color | None |
| `tag_bg_dark_normalized` | Tag label background (dark) | Color | None |
| `tag_text_light_normalized` | Tag label text (light) | Color | None |
| `tag_text_dark_normalized` | Tag label text (dark) | Color | None |