How to add logo like that product image
Hey @eslamibrahim ,
I think it’s easier if you just add the logo in the image itself. Then you don’t need to do any code changes. It would be much simpler on photoshop, canva or any image editor actually.
I have more than 500 products with different vendors my bro so, it’s difficult to do that.
could you please help me to do that.
thank you in advance
Well, even if you change code, you still have to upload them individually to all those 500 products? It’s more difficult in my opinion.
but in that website, they did not add logo on image , logo is separate https://ar.wibi.com.kw/
Yes I understand, but then you have to upload logo for all the 500 products. It’s going to be a slower process because you need to open every single product and upload manually.
cannot add all products belong to apple collection take the same image?
That would only work on the “Apple” collection page, if you go to all collections page, then the individual collection data is not loaded, so the image won’t load also. Next, if you are in the product page, the image won’t load because the product page doesn’t need the collection data.
are you think they did that manually on that website"https://ar.wibi.com.kw/"
Yes it is, It’s part of the individual product.
How to do it as part of the individual product?
You need to create a metafield and then write the code to display the image. Then you need to upload the logo image to all the 500 products manually one by one. That’s why I said, it’s just better to put it in the image. The code can be lengthy and will take a long time to write.
Thank you so much sir
Hi @eslamibrahim ,
You should create a metaobject which will have the vendor name and its logo of file type.
vendor name will have the same name you will use as vendor in product.
Now change the card-product.liquid file which will read the vendor name and show the related image.
Hope this will help…