Featured Collection

Featured collection displays products from a selected collection.

  1. Add Featured collection.
  2. Choose a collection.
  3. Add a heading.
  4. Choose whether to show the collection description or a custom description.
  5. Set maximum products.
  6. Enable or disable view all button.
  7. Configure product card settings.
  8. Save.

Product card settings include image ratio, secondary image, vendor, rating, add-to-cart button, and quick view.

Section Settings

  • Color scheme: Sets the section background and text colors.
  • Fluid width: Lets the product grid use a wider layout. Use this when product imagery should feel more expansive.
  • Collection: The Shopify collection shown in the section. If no collection is selected, the section will not have products to display.
  • Heading: Section heading. Example: Featured collection , New arrivals , or Best sellers .
  • Heading tag: Sets the HTML heading level. Use H2 for most homepage collection sections.
  • Show description: Displays the selected collection’s description from Shopify admin.
  • Custom description: Lets you write section-specific copy instead of using the collection description. Use this when the homepage needs shorter or more campaign-focused text.
  • Maximum products: Limits how many products appear. Use a smaller number for a concise homepage feature and a larger number for broader browsing.
  • Show view all button: Adds a link to the full collection. Enable this when the featured section only shows part of the collection.
  • Product image ratio: Controls product card image cropping. Square creates a consistent grid; Portrait creates taller product cards; Adapt follows the image shape.
  • Show secondary image on hover: Shows another product image when customers hover over a product card. This is useful for showing alternate angles, lifestyle shots, or detail images.
  • Show vendor: Displays the vendor set on the product. Enable this for multi-brand stores; leave it off for single-brand stores.
  • Show product rating: Shows rating stars when rating metafields exist. This usually depends on a review app.
  • Show add to cart button: Lets customers add products directly from the grid. Use this for simple products; consider turning it off for products where customers should read details first.
  • Enable quick view: Lets customers preview or interact with a product without leaving the current page, where supported.

Spacing is controlled using the shared padding settings. See Section Spacing and Padding.

Tips

  • Use this section for best sellers, new arrivals, or campaign collections.
  • If the section is empty, confirm the selected collection contains visible products.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.