Display product blocks on cards

This guide describes how to display a card behind product blocks.

With Shapes theme, every product block includes a setting to show or hide a card behind the block. Refer to Shopify help: Cards.

The previous image shows a store's product page with a Product section. On the right, a card is displayed behind the section's Quantity selector block. In the upper left, part of the Theme editor's Quantity selector block settings menu is displayed. The menu's Display on card option is enabled to display a card behind the block.

Show a block on a card

To show a block on a card:

1. In the Theme editor, at the top of the page, use the dropdown to select a template that contains a Featured product or Product section.

2. From the side menu, expand the section's settings menu.

3. In the section menu, select a block. For example, select a Quantity selector block.

4. In the block's settings menu, enable the Display on card option to show a card behind the block.

   

Show multiple blocks on a single card

Shapes theme can combine multiple adjacent product blocks onto a single card.

For example, the following image shows a store's product page with a Product section. The section contains the adjacent Quantity selector, Variant picker, and Buy buttons blocks. To display all the blocks on a single card, the Display on card option is enabled in the block settings for each block.

To show multiple adjacent product blocks on a single card:

1. For each block you want to add to a single card, complete the previous steps to Show a block on a card.