Layout and style
Product listings
Go to Theme settings > Product listing to find the settings to customize the layout and style of product cards.
General appearance
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. |
Product images
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
Last updated