The Featured Collections section lets you display products from multiple collections in one section. Each collection appears as a tab, so customers can switch between different product groups without leaving the page.
This section is useful for showcasing best sellers, new arrivals, seasonal collections, product categories, or curated product groups on the homepage or landing pages.
How to Set Up the Featured Collections Section in Concept
Steps:
Add the Featured Collections section
-
From your Shopify admin, open Online Store > Themes.
-
Click Customize on your Concept theme.
-
Open the template where you want to display the section.
-
Click Add section.
-
Select Featured Collections.
-
Drag the section to the position where you want it to appear.
-
Click Save.
After adding the section, you can configure the layout and add collection blocks.
Configure the section layout
-
Open the Featured Collections section settings.
-
Use Product limit to control how many products are shown from each collection tab.
-
Use Columns to control how many product cards appear per row on desktop.
-
Enable Carousel on desktop if you want products to display in a horizontal carousel instead of a full grid.
-
Enable Show “View all” button if you want customers to open the full collection from the selected tab.
-
Use Columns on mobile to choose whether mobile shows one or two product cards per row.
-
Enable Swipe on mobile if you want customers to swipe through the products on mobile.
-
Click Save.
The section can display up to 12 products per collection tab.
Add collection tabs
-
Inside the Featured Collections section, click Add block.
-
Select Collection.
-
Use the Collection setting to choose the collection for this tab.
-
Use the Title setting if you want to override the tab label.
-
Leave Title blank if you want the tab label to use the collection name automatically.
-
Repeat the same process for each collection tab you want to display.
-
Drag the collection blocks up or down to change the tab order.
-
Click Save.
The section supports up to 6 collection blocks.
Display selected products instead of the full collection
-
Open a Collection block inside the section.
-
Use the Products setting if you want to manually choose specific products for that tab.
-
When products are selected manually, the section displays those selected products instead of automatically using products from the chosen collection.
-
Leave Products blank if you want the section to pull products directly from the selected collection.
-
Click Save.
This is helpful when you want a tab to show a curated product list instead of the default collection order.
Customize the section heading
-
Use Heading to add the main title above the section.
-
Use Heading size to adjust the title size.
-
Use Heading alignment to align the heading to the left, center, or right.
-
Use Heading tag to choose the HTML heading tag for SEO and page structure.
-
Use Subheading to add small text above or near the heading.
-
Use Description to add supporting text below the heading.
-
Use the highlight settings if you want part of the heading to use a highlight style.
-
To highlight text, select the text inside the heading field and apply italic formatting. The theme will apply the selected highlight style to that text.
-
Click Save.
Adjust colors and section spacing
-
Use Text to change the section text color.
-
Use Background or Background gradient to change the section background.
-
Use Highlight or Highlight gradient to style highlighted heading text.
-
Use Button text, Button background, and Button gradient to style buttons in this section.
-
Use Top padding and Bottom padding to adjust the spacing around the section.
-
Enable Show section divider if you want a divider line around the section.
-
Enable Make section full width if you want the section to span the full browser width.
-
Enable Make section rounded if you want rounded corners around the section.
-
Click Save.
Preview the Featured Collections section
-
Preview the storefront after setting up the section.
-
Check that each tab displays the correct collection or selected products.
-
Check that the tab labels are correct.
-
Check that the product limit, desktop columns, and mobile columns look correct.
-
Check that carousel arrows appear when Carousel on desktop is enabled.
-
Check that mobile swipe works when Swipe on mobile is enabled.
-
Check that the View all button appears only when it is enabled and the selected collection has more products than the product limit.
Troubleshooting
The section does not show any products
-
Make sure at least one Collection block has been added.
-
Make sure the block has a selected collection or selected products.
-
Make sure the selected collection contains products.
-
Make sure the products are active and available on the Online Store sales channel.
-
Make sure the section and block are not hidden in the theme editor.
A tab label is not correct
-
Open the related Collection block.
-
Check the Title setting.
-
If Title is blank, the theme uses the selected collection name.
-
Add a custom title if you want the tab label to be different from the collection name.
The View all button does not appear
-
Make sure Show “View all” button is enabled.
-
Make sure the block has a selected collection.
-
Make sure the selected collection has more products than the section Product limit.
-
The button does not appear for manually selected products unless a collection is also selected.
Product card information looks different than expected
-
Product cards in this section use the global product card settings from the theme.
-
Check Theme settings > Product cards if you want to adjust product card image ratio, secondary image, vendor, ratings, color swatches, quick add, quick view, badges, or sold-out display.
-
Click Save and refresh the storefront preview after making changes.
Need Further Assistance
If you encounter any issues or need additional help with your Concept theme, please reach out to our support team via our Ticket System for assistance within 8 hours.
शेयर करना:
How to Set Up the Slideshow Section in Concept
How to Set Up the Featured Collection Section in Concept