Transparent background on PNG not always working on Venture Theme

FdelaVega
Tourist
6 0 2

I'm trying to import the image for some collections as transparent PNGs in order to add a list of collections to my menu.

Each mage is the logo of a vendor in a 700x700 png in sRGB created in photoshop and exported to web without any interlacing, compression and with transparency enabled.

Funny thing is that some of them show correctly on shopify, some of them have black background, some have a black bounding box with a very pale blue background and some have lots of artifacts in the background.

All of them are created and exported from the same file in layers using the same options, but I can't figure out why some of them are failing, and others don't.

 

Has anyone else ran into this same bug?

 

capture.JPG

KetanKumar
Shopify Partner
17292 1871 6462

Hello, @FdelaVega 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
FdelaVega
Tourist
6 0 2

Thanks for the welcome
the store URL is
hm.supply   

it is password protected (pass: taladro ) for the moment since it's still in development

the MARCAS submenu is the one with the problem but I suspect that it will continue in every other section once I move from jpg to png

0 Likes
KetanKumar
Shopify Partner
17292 1871 6462

@FdelaVega 

already background on  image

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
FdelaVega
Tourist
6 0 2

there shouldn't be any background on those images, they are pngs with transparent background

Not sure why they are showing like that in shopify, they work just fine elsewhere as shown below.
Unfortunately shopify's forum doesn't allow me to set colored background to the cells in this table to better illustrate, but these are the same images failing on our store once they are set as a collection image.

Anclo.pngdewalt.pngkonkore.png
flowguard.pngIndex.pngITSA.png

 

0 Likes
KetanKumar
Shopify Partner
17292 1871 6462

Hello, @FdelaVega 

I need your store login details. Yes, I know your login details are confidential. For this second option, I have added your store to my Shopify partner account so I will check your code easily and manage what you think about it?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
FdelaVega
Tourist
6 0 2

Yes, please send the access request as a collaborator

0 Likes
KetanKumar
Shopify Partner
17292 1871 6462

@FdelaVega 

Yes I have sent, please let me know if you have accept 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
FdelaVega
Tourist
6 0 2

Thanks, I have granted you the permissions

0 Likes
FdelaVega
Tourist
6 0 2

Think I found the solution

1-Image has to be cut and pasted into a new RGB file using sRGB color profile, if possible should be vector created in Illustrator in RGB mode

2-No other layer should be present in the file in order for it to have a better chance of success

3-Export as PNG-24 no interlaced, no compression, no metada, convert as sRGB

4-Delete current image on collection, save and close collection

5-Open collection again and import new image, do not drag-and-drop

6-Save collection, close and open again to confirm it's working

 

Chance of success 80%
If this fails, repeat steps 4-6 until it works (can take several attempts)

Missing any f those steps results in the same error almost every time (10-20% chance of success)