Layout and style

Product listings

Go to Theme settings > Product listing to find the settings to customize the layout and style of product cards.

Listing with default style

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