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

[DFSouth]

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/

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

Best regards,

Ian

[StephensWorld]

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. 

[Sajat]

Hi @DFSouth ,

Please go to Online Store -> Theme -> Edit code

Search for card-product.liquid

Please search for the code

            {%- if show_vendor -%}
              <span class="visually-hidden">{{ 'accessibility.vendor' | t }}</span>
              <div class="caption-with-letter-spacing light">{{ card_product.vendor }}</div>
            {%- endif -%}

Cut the above code and paste it just below 

<div class="card__information">
          

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.

[DFSouth]

Hi @Sajat 

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