How do you display the Vendor above the product title not below?

Store Design
1

Hi I want the vendor name to be displayed above the product title on all pages is this possible?

Thanks

2

Hey @JP1704 ,

Which theme you’re using and on which page you want to show the vendor, on the product page?

Let me know.

Thanks!

3

Hi,

I’m using the debut theme and id like it to be displayed above the title on product page and collection pages if possible?

It also needs to be centred as I’ve centred the title and price!

Thanks

4

Hey @JP1704 ,

Did you enable the “Show product vendor” option for product and collection pages?

If yes then please share your website URL.

Thanks!

5

Yes I did, its https://roh-roh.com/

Also I’ve just noticed that the price is now centred on the product page too, i only want the price centred on collection pages not on the actual individual product page - is that doable? :slightly_smiling_face:

6

Hey @JP1704 ,

Your website is password protected. Please share the password so I can check.

Thanks!

7

Hey @JP1704 ,

As for the vendor name on the product page. Do the following changes in sections/product-template.liquid file.

vendor-name.jpg
vendor-name.jpg1314×529 114 KB

This is vendor code add this above title.

{% if section.settings.show_vendor and product %}
    
      <dt>
        {{ 'products.product.vendor' | t }}
      </dt>
      <dd>
        {{ product.vendor }}
      </dd>
    

  {% endif %}

Hope this helps.

Thanks!

8

Hi,

I pasted the code and the vendor name is now showing above the title on the product page but not on collection pages, is there another code for this?

9

Hey @JP1704 ,

The same you need to do on the snippets/product-card-grid.liquid file. Please check the following screenshot.

collection-vendor.jpg
collection-vendor.jpg1125×477 76.4 KB

Hope this works.

Thanks!

10

Hi,

Its now displaying above but also below? Also the vendor name isn’t central?

Screenshot 2020-09-15 141129.png
Screenshot 2020-09-15 141129.png891×691 208 KB

11

@JP1704 please share the store password, I’ll help you out.

12

@JP1704 ,

Did you remove this code from here? If not please do so. It will remove the vendor from the below product title. Also, you removed the password from the post so please PM me so I will check and tell you the code of the centering vendor.

remove-price-vendor.jpg
remove-price-vendor.jpg770×136 18.1 KB

13

Yes i removed that piece of code but still not working, how do I DM you? :'D

14

how do i DM?

15

@JP1704

Do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
.grid__item .price__vendor > * {
    margin-left: 0 !important;
}

Please let me know whether it works.

Kind regards,
Diego

16

Hi,

Thanks for your reply I added the code but now its moved the vendor name to the left on collection pages also.

I need help with:

-Vendor name to display left on product page but central on collection page

-Price to display left on product page but central on collection page

-Product title to display left on product page but central on collection page

thanks

17

still need help with this

-Vendor name to display left on product page but central on collection page

-Price to display left on product page but central on collection page

-Product title to display left on product page but central on collection page

thanks in advance :slightly_smiling_face:

18

@diego_ezfy i managed to move the vendor name above the title on collection pages and it is also aligned left on the product page which is great - but the vendor name is duplicated underneath the title on collection pages - any idea how to remove the duplicated vendor? Thanks :slightly_smiling_face: