Show collection quick links on collection page

[Digital_Imran]

Hello everyone. 
Could someone help me with displaying similar quick links on the collection page? I've attached a screenshot for reference, and here is the sample store URL.: https://threadheads.com/collections/graphic-tees  

This is Impact theme 

[PageFly-Amelia]

Hi @Digital_Imran ,

This is Amelia from PageFly - a Landing Page Builder App

To display similar quick links on your collection page using the Impact theme, you can follow these steps:

1. Access Theme Code:

   • Go to your Shopify Admin.
   • Navigate to Online Store > Themes > Actions > Edit Code.

2. Locate the Collection Template:

   • Find the collection template file, usually named collection.liquid or similar, under Sections or Templates.

3. Add Quick Links Section:

   • Insert a new section for quick links. You can add HTML and Liquid code to create the links. For example:

     <div class="quick-links">
       <h3>Quick Links</h3>
       <ul>
         <li><a href="/collections/graphic-tees">Graphic Tees</a></li>
         <li><a href="/collections/new-arrivals">New Arrivals</a></li>
         <li><a href="/collections/sale">Sale</a></li>
         <!-- Add more links as needed -->
       </ul>
     </div>

4. Style the Quick Links:

   • Add CSS to your theme’s stylesheet (often theme.css or base.css) to style the quick links section. For example:

     .quick-links {
       margin-top: 20px;
       padding: 10px;
       background-color: #f9f9f9;
       border: 1px solid #ddd;
     }
     
     .quick-links h3 {
       font-size: 18px;
       margin-bottom: 10px;
     }
     
     .quick-links ul {
       list-style-type: none;
       padding: 0;
     }
     
     .quick-links ul li {
       margin-bottom: 5px;
     }
     
     .quick-links ul li a {
       text-decoration: none;
       color: #333;
     }
     
     .quick-links ul li a:hover {
       text-decoration: underline;
     }

5. Customize as Needed:

   • Adjust the HTML and CSS to match your store’s design and branding. You can add icons, change colors, or modify the layout as needed.

I hope that my solution works for you.

Best regards,

Amelia | PageFly

[Digital_Imran]

Thank you so much 🙂