Replace collection page heading with a logo?

[sa3]

Hi All,

I'm wondering if it would be possible to change the title of a collection page to be a product logo, instead of text?

I'm using the Motion theme and I have a bunch of collections created that group products by vendor. When a customer clicks on the vendor, this will bring up the product list within that collection. I would prefer for a logo to be displayed instead of the collection name written in the collection page heading. Would this be possible to achieve?

In the below picture, you can see that the heading says, "Products". If possible, I would like for each collection heading to be a product logo for that particular vendor.

I know that I can 'show collection image' but in my opinion, this just creates a huge banner at the top of the page, doesn't remove the collection page heading and just doesn't look particularly great. I would prefer to just do away with the collection title text and replace with a logo.

Can that be done?

Many thanks in advance!

[Dan-From-Ryviu]

Hi @sa3 

You can hide the Collection header section, add a Custom liquid section below it, and then add this custom code to liquid to add your logo

<div style="display: flex; justify-content: center; max-width: 200px;">
<img src="your image logo link" alt="logo collection"
</div>