Product card horizontal block
A compact horizontal product card with the product image, details and an optional button.
Product card settings
| Setting | Description |
|---|---|
| Color scheme | Color scheme of the card. Schemes are managed in Theme settings → Colors. Default: Scheme 1. |
| Card background | Standard or Blur (a blurred translucent background). Default: Standard. |
| Product | Product shown on the card. |
| Show vendor | Shows the product vendor. Default: Off. |
| Show type | Shows the product type. Default: Off. |
| Show price | Shows the product price. Default: On. |
| Show button | Shows a button that leads to the product page. The three settings below appear only when this is on. Default: On. |
| Button text | Text on the button. Default: View product. |
| Button icon | Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Default: None. |
| Button icon position | Places the icon to the left or right of the label. Available only when an icon is selected. Default: Right. |
| Custom alignment | Lets you set the card alignment separately from the parent container. Default: Off. |
| Alignment | Aligns the card to the Left, Center or Right. Available only when Custom alignment is on. Default: Left. |
Product card padding
| Setting | Description |
|---|---|
| Top, Bottom, Left, Right | Space around the card on desktop. Range: 0–100 px, step 1. Default: 0 px. |
| Top mobile, Bottom mobile, Left mobile, Right mobile | Space around the card on mobile. Range: 0–100 px, step 1. Default: 0 px. |
Mini product pair block
Two compact product cards side by side with a button that adds both products to the cart.
| Setting | Description |
|---|---|
| Product 1 | First product of the pair. |
| Product 2 | Second product of the pair. |
| Card color scheme | Color scheme of the cards. Schemes are managed in Theme settings → Colors. Default: Scheme 7. |
| Card background | Standard or Blur (a blurred translucent background). Default: Blur. |
| Button background color | Background color of the “Add both” button. Default: #E00031. |
| Button icon color | Color of the icon on the “Add both” button. Default: #FFFFFF. |