Special Case: How to put Vendor Name before the Product Title in the Collection Page?

Store Design
, , , ,
1

Hi Shopify Community,

I would like to ask how to put the Vendor Name before the Product Title Name in the Collection Page? At the moment, mine is product title first but I wanna change to like other fashion sites. Here is the reference for my store: https://dfsouth.com.au/

DFSouth_0-1706070278262.png
DFSouth_0-1706070278262.png1470×880 169 KB

The sites/examples that I wanna make it the same from other companies:

DFSouth_1-1706070340508.png
DFSouth_1-1706070340508.png1603×573 211 KB

Best regards,

Ian

2

You would need to make custom coding edits to your theme’s collection page template.

If you have experience making coding edits, then this should be as simple as cutting-and-pasting the coding for the vendor, to be above the coding for the product’s name. Where exactly you would need to look (to find the coding) is going to be different depending on your theme … but if you’re hiring someone to do this for you, it shouldn’t cost you a lot. Any half-decent coder should be able to do this within a few minutes for you.

If you’re really struggling to figure this out, then email me directly Edited by Community Moderator and I’ll make you a deal where you can pay whatever you think is fair for this.

3

Hi @DFSouth ,

Please go to Online Store → Theme → Edit code

Search for card-product.liquid

Please search for the code

{%- if show_vendor -%}
              {{ 'accessibility.vendor' | t }}
              
{{ card_product.vendor }}

            {%- endif -%}

Cut the above code and paste it just below

Should be around line number - 142

This should work.

Thanks,

Sajat

Just a small favor to ask. If this helps you, please mark it as solution. Thanks.

4

Hi @Sajat

I did delete code you told me and paste the new code that area but it doesn’t work.