How can i have the vendor name show above the product title instead of below it.(debut theme)

Store Design
1

Hello! I`am looking to have the vendor name show above the product title instead of below it.(debut theme)

15-42-29606-55389.png
15-42-29606-55389.png611×281 29.8 KB

2

Hey @Juan786 ,

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

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

Add the following code above the tile

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

  {% endif %}

Let me know if this works for you.

Thanks!

1 Like
3

Hey, thanks it worked but now the vendor is centered for some reason. I would like it to be aligned to the left. Like the product title.

Adding

.template-product .price__vendor {
text-align: left;

}

to the theme.css.liquid didn`t work.
}

Pic.PNG
Pic.PNG1078×577 38 KB

4

@Juan786 ,

Is it possible to share your website URL. I will check and provide a solution.

Thanks!

1 Like
5

@dmwwebartisan i sent you a private message with the url and the passcode of the page.

6

Hey @Juan786 ,

add the following code at the bottom of your assets/theme.scss.liquid file.

.price__vendor dd {
    margin-left: 0px;
}

Thanks!

1 Like
7

Thank you for assistance.

8

Hi,

it worked out well, but now we lost the link function, that with a click on the brand, you are directed on the brand description page.