# Featured collection ![image](https://docs-assets.foxecom.app/sleek-theme/Group%204977_JgsBIFL9.png) Featuring collections can help merchants promote sales and new collections. This article will show you how to add and customize your featured collection section in Sleek. ## How to add a Featured collection section Steps 1. In the theme editor **(Customize)**, click **Add section.** 2. Locate **Featured collection.** 3. Make necessary changes. 4. **Save.** ## How to customize a Featured collection section ### **General** Adjust the **Color scheme** for this section. ![image](https://docs-assets.foxecom.app/sleek-theme/image_OXgyhyqs.png) ### Section header You can choose your preferred section header **Layout** (Vertical/ Horizontal/ Standing column). ![image](https://docs-assets.foxecom.app/sleek-theme/image_BJ23FFa3.png) ![image](https://docs-assets.foxecom.app/sleek-theme/image_ERiwo2Lz.png) ![image](https://docs-assets.foxecom.app/sleek-theme/image_YKsesnuc.png) Use the provided text fields to add a suitable **Heading**/ **Subheading**/ **Description**. * Leave them blank if you do not want to display them. Adjust the **Heading size** (Heading 1/ Heading 2/ Heading 3) and enable **Show collection description from the admin** checkbox if you wish to show the collection's description set in the admin. ![image](https://docs-assets.foxecom.app/sleek-theme/image_x9TkPgTc.png) Here you can choose to display the collection you want and set up product cards. * Select the collection to show. To create collections for your store, see [Collections](https://help.shopify.com/en/manual/products/collections). ![image](https://docs-assets.foxecom.app/sleek-theme/image_F55vmwpJ.png) ### Grid settings Use the slider to adjust the **Maximum products to show** (between 2 and 12) and the **Number of columns on desktop** (between 2 and 6). ![image](https://docs-assets.foxecom.app/sleek-theme/image_fA0ye6vU.png) You can also control the suitable spacing between the product cards by selecting **Column gap** and **Row gap** options. ![image](https://docs-assets.foxecom.app/sleek-theme/image_KBg0WJK2.png) Provide the Featured collection with an appealing and appropriate **Grid layout**: * Standard * Grid mix ![image](https://docs-assets.foxecom.app/sleek-theme/image_6wqPT8Hh.png) ![image](https://docs-assets.foxecom.app/sleek-theme/image_9GGhNQZN.png) ![image](https://docs-assets.foxecom.app/sleek-theme/image_1NcC2dFx.png) ### Carousel settings You can enable the carousel effect in your featured collection by choosing **Enable carousel on desktop** checkbox. Carousel shows only when the number of products is larger than the number of columns. ![image](https://docs-assets.foxecom.app/sleek-theme/image_6rE3a4bL.png) ### Product cards Select the product card's **Image ratio** as: * Use global settings * Adapt to image * Square (1:1) * Portrait (3:4) * Landscape (4:3) ![image](https://docs-assets.foxecom.app/sleek-theme/image_Wql2kMbX.png) To set up other addons such as badges, buttons, etc. to the product cards, check out this article: Product cards ### **Mobile layout** You can adjust the **Number of columns on mobile** to **1 column** or **2 columns.** ![image](https://docs-assets.foxecom.app/sleek-theme/image_FGtQstkW.png) If you are not into the grid layout, you can use the carousel layout by selecting the **Enable swipe on mobile**. ![image](https://docs-assets.foxecom.app/sleek-theme/image_OIRRovFh.png) ### **View all button** Add a call-to-action **View all button** to direct customers to collection pages. ![image](https://docs-assets.foxecom.app/sleek-theme/image_ZV98rRqQ.png) This button can be positioned on the header on both desktop and mobile by enabling the **Show on heading section** checkbox. ![image](https://docs-assets.foxecom.app/sleek-theme/image_bmTqtrkL.png) ![image](https://docs-assets.foxecom.app/sleek-theme/image_0RvGa8uH.png) ![image](https://docs-assets.foxecom.app/sleek-theme/image_YBwF2Swk.png) You can also insert the **Button label** * Leave the label blank if you want to hide the button. Moreover, the **Button style** can be changed to the Primary button/ Secondary button/ Underline button. ![image](https://docs-assets.foxecom.app/sleek-theme/image_gtsSTXuo.png)