Pebble Theme
Theme Blocks

Collection

2 min read

Collection card

An example of collection card blocks in grid layout

The Collection card block displays a visually appealing preview of a product collection, perfect for showcasing your store's categories or featured collections.

⚙️ Block settings

SettingDescription
CollectionSelect the collection you want to showcase. This collection will be displayed as the primary content of the card.

✍️ Learn how to create collections in Shopify with our tutorial.
Text alignmentChoose the alignment for the text within the card.
Show product countEnable this option to display the number of products in the selected collection. Useful for guiding customers to explore more.

Ensure all collection images have the same aspect ratio to keep the collection cards looking neat and aligned. This is especially important when you display the collection across multiple grid rows.

If the collection doesn't have a featured image, the image of the first product will be displayed.

image

The Featured collection block showcases selected products from a chosen collection in an interactive layout, helping highlight featured items and drive customer engagement.

SettingDescription
CollectionSelect the collection you want to showcase. This collection will be displayed as the primary content of the card.

✍️ Learn how to create collections in Shopify with our tutorial.
Product countChoose how many products to display from the selected collection.
TypeSelect how products are displayed: Grid for a static layout or Carousel for a swipeable slider.
ColumnsSet the number of product columns displayed on desktop devices.
Horizontal gapAdjust the spacing between product cards.
WidthSet the section width for both desktop and mobile devices to either Fill or Custom.

You can go to Theme Settings > Product cards to customize and personalize how your product cards look and behave to perfectly match your brand.

Learn more: Product cards
Last updated