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

Solved
LeithD83
New Member
6 0 0

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!

Accepted Solution (1)

Accepted Solutions
JHKCreate
Shopify Partner
2921 504 723

This is an 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!

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

View solution in original post

Replies 6 (6)
JHKCreate
Shopify Partner
2921 504 723

Hi @LeithD83 

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

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

LeithD83
New Member
6 0 0

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

LeithD83
New Member
6 0 0
JHKCreate
Shopify Partner
2921 504 723

This is an 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!

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

View solution in original post

LeithD83
New Member
6 0 0

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

LeithD83
New Member
6 0 0

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?