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

Solved
Highlighted
Tourist
64 0 7

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

0 Likes
Highlighted
Shopify Partner
2282 498 647

This is an accepted solution.

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

 

Add the following code above the tile

{% if section.settings.show_vendor and product %}
    <div class="price__vendor">
      <dt>
        <span class="visually-hidden">{{ 'products.product.vendor' | t }}</span>
      </dt>
      <dd>
        {{ product.vendor }}
      </dd>
    </div>
  {% endif %}

 

Let me know if this works for you.

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
64 0 7

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

0 Likes
Highlighted
Shopify Partner
2282 498 647

@Juan786,

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

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
64 0 7

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

0 Likes
Highlighted
Shopify Partner
2282 498 647

This is an accepted solution.

Hey @Juan786,

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

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

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
64 0 7

Thank you for assistance.

0 Likes