<\/li>\n\n\n\n
Method 1: Get a Ready-to-Use Logo List Section<\/h2>\n\n\n\n
Go beyond the basic design using our MIT Sections Pro app. Our app makes it super easy (and totally code-free) to create sections just like this, giving your store a major design boost.<\/p>\n\n\n
![\"Preview](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/app-preview-5-700x203.png\")
<\/figure>\n<\/div>\n\n\nForget custom coding, MIT Sections Pro comes with features like easily adjusting autoplay speed, writing unique descriptions for each logo, and tons more. With over 20 customization options and built-in features, you can effortlessly make this section fit your store’s vibe perfectly.<\/p>\n\n\n
![\"In](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/browse-section-11.png\")
<\/figure>\n<\/div>\n\n\nLet\u2019s see how to do it.<\/p>\n\n\n\n
Step 1: Install the App and Find Your Desired Section<\/h3>\n\n\n\n
Install the MIT Sections Pro<\/a> <\/strong>for free <\/strong>from the Shopify app store and from the app dashboard, click Browse sections,<\/strong> and search for the Logo list.<\/strong><\/p>\n\n\n\n Here, you get two options to choose from. We will move further with Logo list 1.<\/strong><\/p>\n\n\n\n Select the section and click on the Try for Free <\/strong>to get a trial of the section at no cost.<\/p>\n\n\n During your free trial, you will be redirected to the MIT demo store. After purchasing a section, add it to your store\u2019s theme to enhance its functionality right away.<\/p>\n\n\n\n Then, from here, click the Add section<\/strong> and select the Meetanshi logo list 1.<\/strong><\/p>\n\n\n From here, you can add logos as well as modify the features of the section. <\/p>\n\n\n After making the changes, save<\/strong> them. This is how it will look, full of functions.<\/p>\n\n\n Here are the steps, along with code to add a logo list section.<\/p>\n\n\n\n From your Shopify admin panel, go to Online store > Themes > \u2026(Three dots) > Edit code.<\/strong><\/p>\n\n\n\n You will be redirected to the theme editor. In the Sections <\/strong>directory, add a new section and save it as trusted-brands.liquid.<\/strong><\/p>\n\n\n\n Then paste the following liquid code in the newly created section and save <\/strong>it.<\/p>\n\n\n\n In your Shopify admin, go to Online Store > Themes<\/strong> and click Customize<\/strong>. Then, from the left side bar, click Add sections <\/strong>and select Trusted brands.<\/strong><\/p>\n\n\n Then, from here, you can make changes and add logos. <\/p>\n\n\n\n As you customize sections like the logo list, consider creating a Contact Us page in Shopify<\/strong><\/a> for customer reach.<\/p>\n\n\n Once you are done, save<\/strong> it, and this is how limited and simple it will look.<\/p>\n\n\n When it comes to adding sections to your Shopify store, the choice between custom coding and using an app makes all the difference.<\/p>\n\n\n\n Custom coding can be complex and time-consuming. Mistakes can lead to errors, frustration, and a section that doesn\u2019t perform as intended.<\/p>\n\n\n\n On the other hand, a Shopify sections app like MIT Sections Pro<\/strong> simplifies everything. It allows you to customize your store with fully codeless, editable sections in just a few clicks. The app is highly compatible, offering a wide variety of pre-built sections to enhance your store. <\/p>\n\n\n\n For example, if you want to add advanced animation, then instead of a logo list, you can add a Shopify scrolling logos<\/a> section for that extra effect.<\/p>\n\n\n\n Why Choose MIT Sections Pro?<\/p>\n\n\n\nStep 2: Click on the \u201cTry for Free\u201d Button<\/h3>\n\n\n\n
![\"Click](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/try-for-free-10-700x329.png\")
<\/figure>\n<\/div>\n\n\n![\"In](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/app-add-section-4.png\")
<\/figure>\n<\/div>\n\n\nStep 3: Customize the Logo List Section<\/h3>\n\n\n\n
![\"using](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/app-edit-sectionpng-700x365.png\")
<\/figure>\n<\/div>\n\n\n![\"After](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/save-changes-6-700x408.png\")
<\/figure>\n<\/div>\n\n\nMethod 2: Add a Shopify Logo List Section via Custom Code<\/h2>\n\n\n\n
Step 1: Add a New Section<\/h3>\n\n\n\n
Step 2: Paste the Logo List Liquid Code<\/h3>\n\n\n\n
{% schema %}\n{\n \"name\": \"Trusted Brands\",\n \"settings\": [\n {\n \"type\": \"text\",\n \"id\": \"heading\",\n \"label\": \"Heading\",\n \"default\": \"Trusted by leading brands\"\n },\n {\n \"type\": \"color\",\n \"id\": \"background_color\",\n \"label\": \"Background Color\",\n \"default\": \"#f5f5f5\"\n }\n ],\n \"blocks\": [\n {\n \"type\": \"logo\",\n \"name\": \"Logo\",\n \"settings\": [\n {\n \"type\": \"image_picker\",\n \"id\": \"logo_image\",\n \"label\": \"Logo Image\"\n }\n ]\n }\n ],\n \"presets\": [\n {\n \"name\": \"Trusted Brands\",\n \"category\": \"Image\",\n \"blocks\": [\n {\n \"type\": \"logo\"\n },\n {\n \"type\": \"logo\"\n },\n {\n \"type\": \"logo\"\n }\n ]\n }\n ]\n}\n{% endschema %}\n\n<div class=\"trusted-brands-section\" style=\"background-color: {{ section.settings.background_color }}\">\n <style>\n .trusted-brands-section {\n text-align: center;\n padding: 40px 20px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n }\n .trusted-brands-section h2 {\n font-size: 28px;\n font-weight: 700;\n margin-bottom: 30px;\n }\n .trusted-brands-section .logo-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n }\n .trusted-brands-section .logo-item {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #fff;\n border-radius: 8px;\n padding: 20px;\n height: 100px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n flex: 1 1 200px;\n max-width: 300px;\n }\n .trusted-brands-section .logo-image {\n max-width: 100%;\n max-height: 60px;\n object-fit: contain;\n }\n <\/style>\n\n <div class=\"page-width\">\n {%- if section.settings.heading != blank -%}\n <h2>{{ section.settings.heading }}<\/h2>\n {%- endif -%}\n\n <div class=\"logo-grid\">\n {%- for block in section.blocks -%}\n {%- if block.type == 'logo' -%}\n <div class=\"logo-item\">\n {%- if block.settings.logo_image != blank -%}\n <img\n src=\"{{ block.settings.logo_image | img_url: '400x' }}\"\n alt=\"{{ block.settings.logo_image.alt }}\"\n class=\"logo-image\"\n loading=\"lazy\"\n >\n {%- else -%}\n <p>Add logo<\/p>\n {%- endif -%}\n <\/div>\n {%- endif -%}\n {%- endfor -%}\n <\/div>\n <\/div>\n<\/div>\n<\/pre>\n\n\n![\"custom](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-2.png\")
<\/figure>\n<\/div>\n\n\nStep 3: Add a Section to the Page<\/h3>\n\n\n\n
![\"in](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-add-section-6.png\")
<\/figure>\n<\/div>\n\n\n![\"Add](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-edit-section-3-700x263.png\")
<\/figure>\n<\/div>\n\n\n![\"Preview](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/09\/code-preview-3-700x190.png\")
<\/figure>\n<\/div>\n\n\nShopify Sections App vs. Custom Code: What’s Right for You?<\/h2>\n\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","protected":false},"excerpt":{"rendered":"