# Sub collection
The sub collection automatically displays sublists, enhancing user experience by enabling easy navigation and access to specific data subsets. It streamlines data exploration, making it more efficient and organized for users.
To setup Sub Collection, please follow these steps:
{% hint style="success" %}
**Step 1:** Create metafields
To create metafields for **Sub Collection**, please follow [this article.](https://blueskytechco.gitbook.io/alukas-shopify/get-started/import-data/create-required-metafield#id-6.-sub-collection)
{% endhint %}
{% hint style="success" %}
**Step 2:** Setup Sub Collection
1. From your admin, go to **Collections** and select the collections to setup
2. Scroll down to **Metafields** and click to **Sub Collections**
3. Click to **Select Collections** and select the **Collections** you want to do sub collections
4. **Save** this change and you can see the result
{% endhint %}
{% hint style="success" %}
**Step 3:** Add Sub Collection in page Collection
1. In the theme editor (**Customize**), open the template selector
2. Select **Collections**, then **Default Collection.**
3. On the left-sidebar, add section **Sub Collection**
4. Make necessary changes > **Save.**
{% endhint %}
## Section settings
### **Section header** and **general:**
Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.
Adjust the text alignment (left/center/right) along with the background color and container type.
**Layout:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.
**Color schema:** You are allowed to change text color, background color, etc. with preset color.
**Column gap:** Adjust the spacing between two Instagram items to ensure a visually pleasing and well-organized layout within the Instagram block.
### **Collection settings**
**Collection Type:** Choose between a grid or carousel layout.
**Design:** Select from three design options.
{% tabs %}
{% tab title="Design 1" %}
{% endtab %}
{% tab title="Design 2" %}
{% endtab %}
{% tab title="Design 3" %}
{% endtab %}
{% endtabs %}
**Hover Effect:** Options include zoom, border inset, show shadow, or none.
**Show Product Count:** Decide whether to display the number of products in each collection.
**Hide Image Collection:** Option to not display collection images.
**Collection Center:** Align the collection display to the center.
**Custom Width Images:** Set specific widths for images in the collection for a tailored appearance.
**Image Style:** Choose from square, rounded, or radius for your image edges.
**Aspect Ratio:** Opt for the default value or customize the ratio to fit your design needs.
**Items Per Row (Desktop):** Set the number of items you want to display per row on desktop views.
**Column Gap:** Adjust the spacing between columns to create a clean and organized layout.
### Typography
Typography settings include customization options for headings, subheadings, and descriptions. You can adjust the Font size and Font weight for each of these text elements to match your design preferences.
Additionally, the Spacing between each element can be tailored, allowing for optimal readability and a visually appealing layout that enhances the overall user experience.
### Carousel settings
**Autoplay / Infinite Play:** Enable this setting for the carousel to automatically scroll through items indefinitely, providing a seamless browsing experience.
**Show Arrows** and **Dots:** Activate arrows for users to manually swipe through carousel items and dots for a visual indicator of their position within the carousel.
Direct Navigation via **Dot:** Utilize dots to allow users to jump directly to a specific tab or item in the carousel, enhancing navigation efficiency.
### Section padding
Section padding allows you to specify the space between this section and the preceding or following sections, or both.
