The Product carousel block shows products from one collection in a row that scrolls sideways. To add one, click Add block in a Section, Card rail, Contact form, Offcanvas drawer, Orbit, Share, Subscription or Video section, or inside a Group block or Columns block, and select Product carousel. The Wishlist section comes with one, which shows while the wishlist is empty.
The block shows the same products on every page, whatever the customer is looking at. To recommend products based on the product page, use the Related products and Complementary products blocks that Recommend other products on the product page describes. The cart drawer and the cart page have a Product carousel block of their own, which Cart drawer section and Cart page section cover.
Settings
Setting
What it does
Heading
A small heading over the cards, at the left. Leave it empty to show the arrows alone.
Collection
The products to show. Without a collection, or with an empty one, the block shows nothing on your store.
Maximum products
How many products the row holds, from 2 to 10. The default is 6. A collection with fewer products shows all it has.
Card style
Plain, the default, shows the cards straight on the background. On a panel puts each card on a rounded panel in the page's background color, with a frame around its photo. The panel only stands out when the section has a background color of its own.
Width
The column the heading and the first card line up with. Text column is up to 864 px wide. Page width, the default, matches Page width in Layout settings. Full width runs from edge to edge of the section. The cards scroll out past the column to the edges of the section.
Cards in the row
Each card is a short row with a small photo on the left, then the vendor, the product's name, its price and a round button. On a product with one variant, the button adds it to the cart. On a product with options to choose, such as a size, it opens quick view, a popup with the product's options and its add to cart button. A sold-out product shows Sold out in place of its price, with no button.
Customers move through the row with the two arrows at the right end of the heading's line, by swiping on a touch screen, or by dragging with a mouse. The arrows show only when the cards do not all fit.
The Product carousel block shows products from one collection in a row that scrolls sideways. To add one, click Add block in a Section, Card rail, Contact form, Offcanvas drawer, Orbit, Share, Subscription or Video section, or inside a Group block or Columns block, and select Product carousel. The Wishlist section comes with one, which shows while the wishlist is empty.
The block shows the same products on every page, whatever the customer is looking at. To recommend products based on the product page, use the Related products and Complementary products blocks that Recommend other products on the product page describes. The cart drawer and the cart page have a Product carousel block of their own, which Cart drawer section and Cart page section cover.
Settings
Setting
What it does
Heading
A small heading over the cards, at the left. Leave it empty to show the arrows alone.
Collection
The products to show. Without a collection, or with an empty one, the block shows nothing on your store.
Maximum products
How many products the row holds, from 2 to 10. The default is 6. A collection with fewer products shows all it has.
Card style
Plain, the default, shows the cards straight on the background. On a panel puts each card on a rounded panel in the page's background color, with a frame around its photo. The panel only stands out when the section has a background color of its own.
Width
The column the heading and the first card line up with. Text column is up to 864 px wide. Page width, the default, matches Page width in Layout settings. Full width runs from edge to edge of the section. The cards scroll out past the column to the edges of the section.
Cards in the row
Each card is a short row with a small photo on the left, then the vendor, the product's name, its price and a round button. On a product with one variant, the button adds it to the cart. On a product with options to choose, such as a size, it opens quick view, a popup with the product's options and its add to cart button. A sold-out product shows Sold out in place of its price, with no button.
Customers move through the row with the two arrows at the right end of the heading's line, by swiping on a touch screen, or by dragging with a mouse. The arrows show only when the cards do not all fit.