ONLY show Vendor + Size on Collection page

Hi everyone,

I sell vintage clothing, since we only have one of each item and each item comes in a single size only.
I’ve noticed that the mobile browsing experience feels overly cluttered. Currently, it displays the full title (including a short description and size), along with the vendor and price.

I tried removing the title to minimize, to only show the vendor and price. However, whilst I like the cleaner look- I realized that size is essential information for shoppers for vintage goods.

I’d like to modify the collections and product and search page to show the vendor (brand name), size, and price only.
Sizes are currently stored under Product Metafields.
Ideally, I want the display format to be: Vendor + Product Metafields (Size) + Price.
And possible a third metafield showing “Condition”

Thank you so much!

Hi @jhrop ,

Can you please share your website URL so that I can analyze it and share the guidance accordingly on how to do this?

Regards,

Hi there,
It is jhrop.myshopify.com
Thank you

Hi there,
Thanks for this. i do need a advanced explanation. As I am new here.
What is the exact coding to add? How to output with CSS? Thanks