Shopify themes, liquid, logos, and UX
Hi I want the vendor name to be displayed above the product title on all pages is this possible?
Thanks
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!
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
Hey @JP1704,
Did you enable the "Show product vendor" option for product and collection pages?
If yes then please share your website URL.
Thanks!
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? 🙂
Hey @JP1704,
Your website is password protected. Please share the password so I can check.
Thanks!
Hey @JP1704,
As for the vendor name on the product page. Do the following changes in sections/product-template.liquid file.
This is vendor code add this above title.
{% 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 %}
Hope this helps.
Thanks!
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?
Hey @JP1704,
The same you need to do on the snippets/product-card-grid.liquid file. Please check the following screenshot.
Hope this works.
Thanks!
Hi,
Its now displaying above but also below? Also the vendor name isn't central?
@JP1704 please share the store password, I'll help you out.
how do i DM?
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.
Yes i removed that piece of code but still not working, how do I DM you? :'D
@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
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
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 🙂
@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 🙂
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024