![\"Basic](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/preview-700x375.png\")
<\/figure>\n<\/div>\n\n\nWhile it offers simple navigation, it doesn’t do justice to the UI of your store. Here are the steps to configure it. <\/p>\n\n\n\n
- \n
- Step 1:<\/strong> Head to collection lists<\/li>\n\n\n\n
- Step 2:<\/strong> Add collections <\/li>\n\n\n\n
- Step 3:<\/strong> Save the changes<\/li>\n<\/ul>\n\n\n\n
Step 1: Head to Collection Lists<\/h3>\n\n\n\n
Open the Shopify admin > Online store > Themes > Customize.<\/strong><\/p>\n\n\n\n
In the theme editor, select the Add section <\/strong>under the Template. <\/strong>In the search bar, find <\/strong>and select the Collection list.<\/strong>
<\/p>\n\n\n\n![\"add](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-700x283.png\")
<\/figure>\n<\/div>\n\n\nThen, you will see a template of the collection list, which you can start customizing based on your liking. <\/p>\n\n\n
\n![\"collection](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/collection-template-700x242.png\")
<\/figure>\n<\/div>\n\n\nStep 2: Customize Your Collection List <\/h3>\n\n\n\n
First, select Collection after you expand the Collection List and navigate to the right-hand side to add the collection. <\/p>\n\n\n
\n![\"add](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-collection-700x205.png\")
<\/figure>\n<\/div>\n\n\nSimply click on Select, and you will get a list of all your store collections. Find the right one to add to your collection list.<\/p>\n\n\n\n
Follow the same process to add the rest of the collections. <\/p>\n\n\n\n
Now, click on the Collection List<\/strong> to get an option to customize the format of this list. <\/p>\n\n\n
\n![\"customize](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-collection-700x221.png\")
<\/figure>\n<\/div>\n\n\nStep 3: Save the Changes<\/h3>\n\n\n\n
Once you\u2019re done making the changes and adding collections, Save <\/strong>it.<\/strong><\/p>\n\n\n\n
The collection list will show you in your store accordingly. While it improves your browsing experience, you can also add infinite scrolling<\/a> functionality. <\/p>\n\n\n\n
Add a Modern Collection List Section to Shopify (Free)<\/h2>\n\n\n\n
This method creates a visually appealing collection list, helping you to optimize your store’s design. Using simple navigation, you can create a design like this one (no code and no cost): <\/p>\n\n\n
\n![\"MIT](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-700x361.png\")
<\/figure>\n<\/div>\n\n\nFor this, we will use the MIT Sections Pro app, where you get a range of Shopify expert-coded sections. You can add any section with a single click, eliminating the need for any manual coding or theme code edits.<\/p>\n\n\n\n
Here are the simple steps you need to follow. <\/p>\n\n\n\n
Step 1: Install and Pick a Collection List<\/h3>\n\n\n\n
Install the <\/a>MIT Sections Pro<\/a> from the Shopify App Store for free. Then, from the app dashboard, click on the Browse section<\/strong>. <\/p>\n\n\n\n
Then, select the Collection list <\/strong>section. Here you will find a few different template options. <\/p>\n\n\n
\n![\"Collection](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-collection-list-template-700x215.png\")
<\/figure>\n<\/div>\n\n\nLet\u2019s go ahead with Collection list 2. Open the collection and click Get for Free. <\/strong><\/p>\n\n\n
\n![\"Click](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/get-for-free-700x266.png\")
<\/figure>\n<\/div>\n\n\nNow navigate to My section<\/strong> and click on the Apply to theme<\/strong> button on the selected free section. Select the theme from the dropdown menu. <\/p>\n\n\n
\n![\"click](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/apply-to-theme-700x583.png\")
<\/figure>\n<\/div>\n\n\nStep 2: Add the Collection List to Your Store <\/h3>\n\n\n\n
Click on Customize theme<\/strong> and select your store theme. This will redirect you to the theme editor. <\/p>\n\n\n
\n![\"click](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/customize-theme.png\")
<\/figure>\n<\/div>\n\n\nFrom there, click the Add section<\/strong> and scroll down to the new section named Meetanshi:<\/strong> Collection list 2<\/strong>. <\/p>\n\n\n
\n![\"click](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-add-section-700x385.png\")
<\/figure>\n<\/div>\n\n\nOnce you\u2019ve added the collection list, there are plenty of options available for customization; you can make changes as per your requirements.<\/p>\n\n\n
\n![\"edit](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-edit-collection-700x290.png\")
<\/figure>\n<\/div>\n\n\nStep 3: Get a Stylish Section in the Frontend <\/h3>\n\n\n\n
Save <\/strong>the changes, and your compelling collection list section is ready.
<\/p>\n\n\n\n![\"Save](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-collection-700x309.png\")
<\/figure>\n<\/div>\n\n\nHere, you get 20+ customization options, compared to the basic one that only gives you 10. <\/p>\n\n\n\n
You can also use the paid sections using the same steps. Instead of the “get it for free,” you will see a “buy now” button. <\/p>\n\n\n\n
Why Choose the MIT Sections Pro App?<\/h2>\n\n\n\n
The app is loaded with multiple ready-made sections available at just a click. <\/p>\n\n\n\n
It is an ideal solution to add modern and engaging designs at a minimal cost:<\/p>\n\n\n\n
- \n
- Completely free to install, making it easy for you to tap into advanced customization<\/li>\n\n\n\n
- Access to 130+ free and paid beautiful sections, such as product sliders, banners, testimonials, FAQs, and more, covering all major storefront needs<\/li>\n\n\n\n
- Sections can be added to any page anytime, without any technical knowledge or developer help<\/li>\n\n\n\n
- Compatible with all Shopify themes and optimized to keep a high page speed, serving a smooth experience<\/li>\n\n\n\n
- Easily add or swap sections as your business grows, so the store\u2019s UI evolves around your requirements<\/li>\n\n\n\n
- Free to install, and an option to check the demo to test it to see if it goes with your store\u2019s personality, before making any commitments<\/li>\n<\/ul>\n\n\n
- Step 2:<\/strong> Add collections <\/li>\n\n\n\n
![\"MIT](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/mit-sections-pro.png\")
\r\n<\/div>\r\n<\/div>\n\n\n\n