What's your biggest current challenge? Have your say in Community Polls along the right column.

Need Help Moving Collection Title Above and description at the end of the collection page

Need Help Moving Collection Title Above and description at the end of the collection page

Digital_Imran
Shopify Partner
259 2 38

Hello everyone, I hope you're all doing well. I'm currently using the Impact theme. On my collection page, I’d like to display the collection title at the top, while keeping the description at the bottom since my collection descriptions are quite lengthy. Could anyone help me with the code to achieve this?

 

Here’s the URL to my collection page where both the title and description currently appear below: https://myperfectwear.com/collections/mens-tshirts

 

Thanks in advance !!

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
Replies 5 (5)

LizHoang
Shopify Partner
285 35 61

Hi @Digital_Imran 

 

Can you share with us a screenshot of your collection page in your theme with me? I will find the solution for your query. 

 

Thank you

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
Digital_Imran
Shopify Partner
259 2 38

Hello 🙂 thanks for the reply , here is the screenshot

screenshot.png

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
LizHoang
Shopify Partner
285 35 61

Thank you. 

 

Would you mind going to Shopify > Online store > Theme > Customize > Select Page as Collection and share us the screenshot of it? Here is the example : Screenshot 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
Digital_Imran
Shopify Partner
259 2 38

Thank you @LizHoang for attaching example 
Here is the screenshot

 

screenshot.png

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.

MooseDesk
Shopify Partner
451 63 134

Hi, @Digital_Imran 
Thanks for reaching out to the community. We are MooseDesk, a comprehensive Live Chat, FAQ & Helpdesk App designed to elevate your customer support experience.

Step 1: Open the Collection Code

In your Shopify Admin, go to Online Store > Themes.
For the active theme, click Actions > Edit Code.
In the Sections folder, find and open the main-collection.liquid file (or collection.liquid, depending on the name in your theme).

Step 2: Locate the Collection Title and Description

In the main-collection.liquid file, find the code that displays the collection title. This code usually looks like this:

 

 

<h1 class="collection-title">{{ collection.title }}</h1>

 

 

Move this code to the top, right under the opening <section> tag. This ensures the title displays at the top of the section product.

Step 3: Save and Check the Result

I hope this answer addresses your question effectively. If you found it helpful, we’d appreciate a 'LIKE' for MooseDesk. If your issue is resolved, please mark this as 'SOLUTION’.

In the meantime, our MooseDesk Team is always here to help with customer support solutions. We’re passionate about improving your customer experiences through our Live Chat, WhatsApp, FAQ, and Helpdesk. 

With MooseDesk, you can engage with customers through omnichannel support, manage inquiries with a robust ticket system, and provide quick responses.

MooseDesk_0-1730457229289.png

 

 

  • Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.

MooseDesk_1-1730457229298.png

 

 

Once again, keep up the fantastic work, and I wish you the best of luck in the future!

Was your question answered? Giving MooseDesk's reply a Like or marking it as an Accepted Solution!


MooseDesk - #All-in-one Customer Support and Helpdesk Solution for Shopify Merchants

Install now. Be our early bird and get all features free forever.