Vendor Logo on Product page App?

Highlighted
Shopify Partner
3 0 0

Does anyone know of an app that can place a vendors logo into my product page? I'm hoping to find something that allows me to add in a suppliers logo to my product page above the product title or instead where the suppliers' name... any ideas? 

0 Likes
Highlighted
Shopify Partner
154 4 27
You can do this without an app if you would upload your vendor images as vendor_name.png in your theme assets folder just add this to your liquid product page:


{% capture source %}{{ product.vendor | handleize }}.png{% endcapture %}
<img src="{{ source | asset_url }}">


0 Likes
Highlighted
New Member
1 0 0

Hello Friend how are you,
I am new to Shopify, I am migrating my woocommerce store to Shopify, I am trying to insert the vendor's logo, but you can explain a little more how I do it, and upload the image to the image library, and I am trying to enter the code in the product page. But it doesn't appear to me and I don't know how to indicate the image link. I thank you very much thank you.


@Thomas_Lang1 wrote:
You can do this without an app if you would upload your vendor images as vendor_name.png in your theme assets folder just add this to your liquid product page:


{% capture source %}{{ product.vendor | handleize }}.png{% endcapture %}
<img src="{{ source | asset_url }}">



 

0 Likes
Highlighted
Tourist
3 0 2

Hello,

 

I followed your instructions and I am on the product page. 

I want to add the piece of code here :

 

{% if section.settings.display_vendor %}
<p class="vendor">
<span itemprop="brand">{{ product.vendor | link_to_vendor }}</span>
</p>
{% endif %}

 

Does it make sense? Should I add it to the bottom or inside the code?

 

Thank you

 

NB: I'm using Retina Theme by Out of the Sandbox and the product liquid directs me to product liquid section "The contents of the product.liquid template can be found in /sections/product-template.liquid"

Highlighted
New Member
9 0 0

Is it possible to have multiple vendors? If so, how can that be called out?

0 Likes
Highlighted

Hi @TierraAb0de,

 

You can use ShopMaster to do this. ShopMaster supports to auto-generate Vendor information when importing products to your Shopify store.vendor1.pngvendor2.png

 

❤️ ShopMaster.com - FREE dropshipping solutions
✔️ Import products | Pirce and Inventory Monitor | Auto-order | Auto Fulfillment
☕ Official dropshipping partner of AliExpress, Banggood, CJDropshipping, and Chianbrands
0 Likes
Highlighted
New Member
9 0 0

I found the solution for multiple vendors:

 

{% if product.vendor == 'vendor 1' %}
  <a href="insert collection or page url">
    <img src="{{ 'image.png' | asset_img_url: 'small' }}">
  </a>
{% elsif product.vendor == 'vendor 2' %}
  <a href="insert collection or page url">
    <img src="{{ 'image.png' | asset_img_url: 'small' }}">
  </a>
{% elsif product.vendor == 'vendor 3' %}
  <a href="insert collection or page url">
    <img src="{{ 'image.png' | asset_img_url: 'small' }}">
  </a>
{% endif %}
0 Likes
Highlighted
New Member
1 0 0

In which part of the code do you insert this part? Sorry I'm so new in this and I am not a programmer. Thank you

0 Likes
Highlighted
New Member
9 0 0

@MarianaErr so I added this code to the product-template.liquid file - here's a sample of where exactly I placed the code

 

<div class="grid__item {{ product_description_width }}">
      <div class="product-single__meta">

          <!-- Brand Vendor Image -->
{% if product.vendor == 'Vendor' %}
  <a href="URL">
    <img src="{{ 'Image.png' | asset_img_url: 'small' }}">
  </a>
{% elsif product.vendor == 'Vendor 2' %}
  <a href="URL">
    <img src="{{ 'image.png' | asset_img_url: 'small' }}">
  </a>
{% elsif product.vendor == 'Vendor 3' %}
  <a href="URL">
    <img src="{{ 'image.png' | asset_img_url: 'small' }}">
  </a>
{% elsif product.vendor == 'Vendor 4' %}
  <a href="URL">
    <img src="{{ 'image.png' | asset_img_url: 'small' }}">
  </a>
{% elsif product.vendor == 'Vendor 5' %}
  <a href="URL">
    <img src="{{ 'image.png' | asset_img_url: 'small' }}">
  </a>
{% endif %}
        
        <h1 itemprop="name" class="product-single__title"><div style="position:relative;"> {{ product.title }} <div name="secomapp-fg-image-{{ product.id }}" style="display: none;"> {{ "icon-freegift.png" | asset_url | img_tag: "", "sca-fg-img-collect" }} </div> </div></h1>

 

This should be able to help.

0 Likes