{"id":21713,"date":"2025-09-16T12:29:05","date_gmt":"2025-09-16T06:59:05","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=21713"},"modified":"2025-10-03T11:59:08","modified_gmt":"2025-10-03T06:29:08","slug":"add-shopify-featured-collection","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-shopify-featured-collection\/","title":{"rendered":"How to Add a Featured Collection on Shopify?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">A featured collection in Shopify helps you highlight specific products on your store\u2019s homepage or any page of your choice. It is a perfect way to showcase bestsellers, seasonal items, or promotional products and grab customer attention instantly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This blog is a walkthrough of how to add a featured collection on Shopify using various methods.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s dive in.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Different Ways to Add Featured Collections in Shopify<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here I am mentioning three different methods to add a features collection to your Shopify store.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Using the built-in theme editor &#8211; <\/strong>The Shopify Dawn theme offers a simple pre-built theme with basic functionality to add a features collection section, but you don\u2019t get many customization options.<br><\/li>\n\n\n\n<li><strong>Via adding Liquid code &#8211; <\/strong>You can manually create a featured collection and position it anywhere on your Shopify store by adding custom code to the Liquid file. This method demands advanced coding expertise and is time-consuming.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Opt for a Shopify section app &#8211; <\/strong>This approach gives you access to pre-built free and paid sections that go beyond what a standard theme offers.<br><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Using the app, you will save tons of time and effort, and ultimately, you will be able to focus on <a href=\"https:\/\/meetanshi.com\/blog\/how-to-grow-your-shopify-store\/\">growing your Shopify store<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see the steps for each method.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using Shopify Built-in Theme Editor (Dawn Theme)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The following are the steps to add a feature collection using Shopify&#8217;s built-in feature.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Head to Theme Editor<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Navigate to your Shopify admin panel, then go to <strong>Online store &gt; Theme <\/strong>and click <strong>Customize <\/strong>to add a section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Add and Customize Featured Collection Section&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now, from the theme editor, under <strong>Templates, <\/strong>click Add Section and select <strong>Featured Collection.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"568\" height=\"188\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-1.png\" alt=\"click Add Section and select Featured Collection\" class=\"wp-image-21720\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-1.png 568w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-1-250x83.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-1-403x133.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/add-section-1-120x40.png 120w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">In the right sidebar of the theme editor, scroll down to <strong>Collection <\/strong>and click <strong>Select <\/strong>to add a collection. You can also make other changes from there; it offers basic ones.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"173\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/select-collection.png\" alt=\"select collection\" class=\"wp-image-21722\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/select-collection.png 320w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/select-collection-250x135.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/select-collection-120x65.png 120w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Save the Changes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once you finish making the edits. <strong>Save <\/strong>them. And this is how simple it will look.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"345\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/preview-1-700x345.png\" alt=\"Default preview\" class=\"wp-image-21724\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/preview-1-700x345.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/preview-1-250x123.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/preview-1-768x379.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/preview-1-403x199.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/preview-1-964x476.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/preview-1-120x59.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/preview-1.png 1244w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Steps to Display a Featured Collection Via Liquid Code<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is a three-step process, which is full of coding. Take extra care while adding these to your store.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Access the Theme Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">From your <strong>Shopify admin panel &gt;<\/strong> <strong>Online store &gt; Theme &gt; \u2026(three dots) &gt; Edit code<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"553\" height=\"173\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-code.png\" alt=\"Access the Theme Code\" class=\"wp-image-21726\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-code.png 553w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-code-250x78.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-code-403x126.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/edit-code-120x38.png 120w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Paste the Featured Collection Liquid Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Then, from there, add a new section and name it as <strong>featured_collection.liquid. <\/strong>Paste the following code in the newly created featured collection section and <strong>Save it.<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{% comment %}\n  Section for displaying a featured collection with a hero product layout.\n  This code is designed to be a standalone section file.\n{% endcomment %}\n\n{% style %}\n.featured-collection-section {\n  padding: 40px 0;\n}\n\n.section-header {\n  margin-bottom: 20px;\n  font-size: 24px;\n  font-weight: bold;\n  text-align: center;\n}\n\n.collection-grid {\n  display: grid;\n  gap: 20px;\n  grid-template-columns: 1fr;\n}\n\n@media (min-width: 768px) {\n  .collection-grid {\n    grid-template-columns: 2fr 3fr;\n    align-items: start;\n  }\n}\n.hero-product-card {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.hero-product-image-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.hero-product-image {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.hero-product-info {\n  padding: 20px;\n  text-align: left;\n}\n\n.hero-product-title {\n  font-size: 18px;\n  font-weight: bold;\n  margin-bottom: 10px;\n}\n\n.hero-product-text {\n  margin-bottom: 20px;\n  color: #555;\n}\n\n.shop-all-button {\n  display: inline-block;\n  padding: 10px 20px;\n  background-color: #000;\n  color: #fff;\n  text-decoration: none;\n  border-radius: 4px;\n  font-weight: 500;\n  transition: background-color 0.2s ease-in-out;\n}\n\n.shop-all-button:hover {\n  background-color: #333;\n}\n\n.product-grid {\n  display: grid;\n  gap: 20px;\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.product-card{% endstyle %}\n\n&lt;div class=\"featured-collection-section\">\n  &lt;div class=\"page-width\">\n    {% assign featured_collection = collections[section.settings.featured_collection] %}\n\n    {% if featured_collection and featured_collection.products.size > 0 %}\n      &lt;h2 class=\"section-header\">{{ section.settings.title }}&lt;\/h2>\n\n      &lt;div class=\"collection-grid\">\n        &lt;!-- Hero Product -->\n        &lt;div class=\"hero-product-card\">\n          &lt;a href=\"{{ featured_collection.products.first.url }}\">\n            &lt;div class=\"hero-product-image-wrapper\">\n              {% assign hero_image_size = section.settings.hero_image_size %}\n              &lt;img \n                src=\"{{ featured_collection.products.first.featured_media | img_url: hero_image_size }}\"\n                alt=\"{{ featured_collection.products.first.featured_media.alt }}\"\n                class=\"hero-product-image\"\n                loading=\"lazy\"\n              >\n            &lt;\/div>\n          &lt;\/a>\n\n          &lt;div class=\"hero-product-info\">\n            {% if section.settings.hero_text != blank %}\n              &lt;p class=\"hero-product-text\">{{ section.settings.hero_text }}&lt;\/p>\n            {% endif %}\n            &lt;a href=\"{{ featured_collection.url }}\" class=\"shop-all-button\">\n              {{ section.settings.shop_all_button_text }}\n            &lt;\/a>\n          &lt;\/div>\n        &lt;\/div>\n\n        &lt;!-- Product Grid -->\n        &lt;div class=\"product-grid\">\n          {% for product in featured_collection.products limit: section.settings.product_limit offset: 1 %}\n            &lt;div class=\"grid__item\">\n              &lt;a href=\"{{ product.url | within: featured_collection }}\">\n                &lt;div class=\"product-card\">\n                  &lt;div class=\"product-card__image-container\">\n                    {% assign product_image_size = section.settings.product_image_size | append: 'x' %}\n                    &lt;img \n                      src=\"{{ product.featured_media | img_url: product_image_size }}\"\n                      alt=\"{{ product.featured_media.alt }}\"\n                      class=\"product-card__image\"\n                      loading=\"lazy\"\n                    >\n                  &lt;\/div>\n                  &lt;div class=\"product-card__info\">\n                    {% if section.settings.show_product_title %}\n                      &lt;h3 class=\"product-card__title\">{{ product.title }}&lt;\/h3>\n                    {% endif %}\n                    {% if section.settings.show_product_price %}\n                      &lt;span class=\"product-card__price\">{{ product.price | money }}&lt;\/span>\n                    {% endif %}\n                  &lt;\/div>\n                &lt;\/div>\n              &lt;\/a>\n            &lt;\/div>\n          {% endfor %}\n        &lt;\/div>\n      &lt;\/div>\n    {% else %}\n      &lt;p>No featured products found.&lt;\/p>\n    {% endif %}\n  &lt;\/div>\n&lt;\/div>\n\n{% schema %}\n{\n  \"name\": \"Featured Collection\",\n  \"settings\": [\n    {\n      \"type\": \"text\",\n      \"id\": \"title\",\n      \"label\": \"Heading\",\n      \"default\": \"Featured Products\"\n    },\n    {\n      \"type\": \"collection\",\n      \"id\": \"featured_collection\",\n      \"label\": \"Collection\"\n    },\n    {\n      \"type\": \"select\",\n      \"id\": \"hero_image_size\",\n      \"label\": \"Hero image size\",\n      \"options\": [\n        { \"value\": \"400x\", \"label\": \"Small\" },\n        { \"value\": \"600x\", \"label\": \"Medium\" },\n        { \"value\": \"800x\", \"label\": \"Large\" }\n      ],\n      \"default\": \"600x\"\n    },\n    {\n      \"type\": \"textarea\",\n      \"id\": \"hero_text\",\n      \"label\": \"Hero product description\",\n      \"default\": \"Let those ankles breathe.\"\n    },\n    {\n      \"type\": \"text\",\n      \"id\": \"shop_all_button_text\",\n      \"label\": \"Shop All button text\",\n      \"default\": \"Shop All\"\n    },\n    {\n      \"type\": \"range\",\n      \"id\": \"product_limit\",\n      \"min\": 2,\n      \"max\": 12,\n      \"step\": 1,\n      \"label\": \"Number of products to show\",\n      \"default\": 4\n    },\n    {\n      \"type\": \"range\",\n      \"id\": \"product_image_size\",\n      \"min\": 200,\n      \"max\": 600,\n      \"step\": 50,\n      \"label\": \"Product image size\",\n      \"default\": 600\n    },\n    {\n      \"type\": \"checkbox\",\n      \"id\": \"show_product_title\",\n      \"label\": \"Show product titles\",\n      \"default\": true\n    },\n    {\n      \"type\": \"checkbox\",\n      \"id\": \"show_product_price\",\n      \"label\": \"Show product prices\",\n      \"default\": true\n    }\n  ],\n  \"presets\": [\n    {\n      \"name\": \"Featured Collection (Hero)\",\n      \"category\": \"Collection\"\n    }\n  ]\n}\n{% endschema %}\n<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Add Collection in Theme Editor&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After saving the file, head to the theme editor, <strong>Online store &gt; Themes &gt; Customize. <\/strong>Click the Add<strong> section <\/strong>and find the section we created.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"117\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-add-section.png\" alt=\"Click the Add section and find the section we created.\" class=\"wp-image-21742\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-add-section.png 558w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-add-section-250x52.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-add-section-403x85.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-add-section-120x25.png 120w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Add the collection from the right-hand side, set up the changes you want to make, and <strong>save<\/strong> them again.<br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is how it will look, still basic.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"466\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-preview-700x466.png\" alt=\"Preview\" class=\"wp-image-21744\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-preview-700x466.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-preview-250x167.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-preview-768x512.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-preview-403x269.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-preview-964x642.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-preview-120x80.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-preview.png 1118w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Add a Readymade Shopify Featured Collection Section<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A well-organized featured collection section should be clean, visually appealing, and highlight products with clear images and prices.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It should look something like this.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"1015\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-1-700x1015.png\" alt=\"MIT preview\" class=\"wp-image-21746\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-1-700x1015.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-1-250x363.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-1-768x1114.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-1-1059x1536.png 1059w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-1-403x585.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-1-964x1398.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-1-120x174.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-preview-1.png 1378w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">To add this type of section right in your store, use the&nbsp; <strong>MIT Sections Pro <\/strong>app. This is super easy to use and has multiple options for the section you can choose from.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see how to do so.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install and Select a Section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Install the <a href=\"https:\/\/apps.shopify.com\/mit-custom-sections\" target=\"_blank\" rel=\"noopener\">MIT Sections Pro<\/a> app from the Shopify App Store. From the app dashboard, click the <strong>Browse section <\/strong>and search for the featured collection section.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"500\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/search-featured-collection-700x500.png\" alt=\" search for the featured collection section\" class=\"wp-image-21748\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/search-featured-collection-700x500.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/search-featured-collection-250x178.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/search-featured-collection-768x548.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/search-featured-collection-403x288.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/search-featured-collection-120x86.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/search-featured-collection.png 783w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Select the one from here that you want to purchase. Here we\u2019ll select the <strong>Featured collection 1.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Click the Try for Free Button<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After you select the section, click <strong>Try for Free<\/strong> to get a free trial before making the purchase.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"356\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-700x356.png\" alt=\"click Try for Free\" class=\"wp-image-21750\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-700x356.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-250x127.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-768x391.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-403x205.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-120x61.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free.png 965w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">While on the free trial, you&#8217;ll be directed to the MIT demo store. After purchasing the section, you can integrate it into your store&#8217;s theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From here, click the Add<strong> section <\/strong>and select <strong>Meetanshi Featured Collection 1.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"217\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-add-section-1.png\" alt=\"click the Add section and select Meetanshi Featured Collection 1\" class=\"wp-image-21752\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-add-section-1.png 564w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-add-section-1-250x96.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-add-section-1-403x155.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-add-section-1-120x46.png 120w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Edit Featured Collection Section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add the collection from here. Additionally, you get more than 30 modification options to design and make this section yours.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"369\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-select-collection-700x369.png\" alt=\"Add the collection from here\" class=\"wp-image-21754\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-select-collection-700x369.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-select-collection-250x132.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-select-collection-768x404.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-select-collection-403x212.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-select-collection-964x508.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-select-collection-120x63.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/MIT-select-collection.png 1356w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">And finally, <strong>Save <\/strong>the changes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"409\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-changes-700x409.png\" alt=\"Save the changes\" class=\"wp-image-21756\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-changes-700x409.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-changes-250x146.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-changes-768x449.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-changes-403x235.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-changes-964x563.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-changes-120x70.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-changes.png 1383w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">What Makes MIT Sections Pro Stand Out?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">MIT Sections Pro isn\u2019t just another Shopify app \u2013 it\u2019s designed to give merchants complete freedom to design their store exactly how they want.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Along with the featured collection sections, it offers 130+ free and paid pre-built sections, and you can easily add newsletters, banners, testimonials, FAQs, and more without touching a single line of code.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Comes up with 130+ pre-designed free and paid sections, accessible to all merchants<\/li>\n\n\n\n<li>100% free installation with advanced customization features included<\/li>\n\n\n\n<li>Simple to edit, no coding required<\/li>\n\n\n\n<li>Fully optimized for fast loading and works with all Shopify themes<\/li>\n\n\n\n<li>Complete customization control, even with free templates<\/li>\n\n\n\n<li>Flexibility to add, edit, or replace sections as your store grows<\/li>\n\n\n\n<li>Cost-effective for businesses of any size, with a free trial available<\/li>\n<\/ul>\n\n\n<div class=\"meetanshi-cta\">\r\n<div class=\"cta-content-wrapper\">\r\n<span>130+ Shopify Sections<\/span>\r\n<p>Your all-in-one solution to create a professional Shopify store<\/p>\r\n<a href=\"https:\/\/apps.shopify.com\/mit-custom-sections\" target=\"_blank\" class=\"btn-primary\" rel=\"noopener\">Install App Now<\/a>\r\n<\/div>\r\n<div class=\"cta-image-new\">\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/mit-sections-pro.png\" alt=\"MIT Sections Pro\">\r\n<\/div>\r\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A featured collection in Shopify helps you highlight specific products on your store\u2019s homepage or any page of your choice. It is a perfect way&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[787],"tags":[],"class_list":["post-21713","post","type-post","status-publish","format-standard","hentry","category-shopify"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/21713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=21713"}],"version-history":[{"count":8,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/21713\/revisions"}],"predecessor-version":[{"id":23491,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/21713\/revisions\/23491"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=21713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=21713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=21713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}