Layout and style
Product listings
Last updated
Product listings
Last updated
Go to Theme settings > Product listing to find the settings to customize the layout and style of product cards.
Change the overall appearance, including the color, layout, and alignment of product cards.
| Setting | Description |
|---|---|
Product list style | Change the style to Default, Bordered grid, or Colored tile. |
Colored tile | Select the color for the Colored tile style, if enabled. |
Alignment | Choose too align content and elements to the Left, Center, or Right. |
Product title text limit | Limit how many lines of text is shown. Text that is cut off is replaced with an ellipsis (...). Select No limit, 1 line, 2 lines, or 3 lines. This setting does not apply to Collection and Search pages when products are in "List" display mode. |
Change the shape (aspect ratio) and fit of the product images, and enable a secondary image on hover.
| Setting | Description |
|---|---|
Show second image on hover | Display the second product image when hovered over. |
Image aspect ratio | Choose to crop all product images to be a single uniform shape. Select Portrait (2:3), Portrait (4:5), Square (1:1), Landscape (5:4), or Landscape (3:2). Select Natural to display images in their original shape (without cropping). Learn more about aspect ratios in our Image settings guide. |
Media fit | Make product images Cover the full product card or Fit within the card with its original shape. |
Related links
Product listings Product badges Product card details Quick view Quick add
