How can I move the price below Product Tile and Vendor in Brooklyn theme?

[LeithD83]

Hello,

I'm trying to move the price below the product title and vendor. Currently, it looks like this: 

Product Title - $Price

Vendor

I would like it to be:

Product Title

Vendor

$Price

Appreciate the help! Thanks!

[JHKCreate]

Hi @LeithD83 

What theme are you using and do you have any programming proficiency?

[LeithD83]

@JHKCreate Brooklyn theme, and yes. 

[JHKCreate · Accepted solution]

On Brooklyn follow the steps below:

1. Edit Code
2. product-grid-tem.liquid
3. Find  <span class="grid-product__price-wrap">
   and copy everything below it under the last </span> tag before the vendor
4. The code you pasted should be below that section:

{% if section.settings.product_vendor_enable %}
<p class="grid-product__vendor">{{ product.vendor }}</p>
{% endif %}​

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

[LeithD83]

@JHKCreate thank you, that worked. The dash was still there so I just removed  <span class="long-dash">—</span>, is that correct?

[LeithD83]

I also assume that I could use this same approach if I wanted to move the vendor above the product title...just copy all the vendor associated code above the product title code?

[LeithD83]

To clarify, I'm looking to make this change on the collections page view