Reliable PNG Transparency

[cfe]

This was mentioned in an older post but the link was broken, and I couldn't reply, so here ya go.

A good a quick solution to allow IE 5-6 to render transparent PNG's in your store can be found here.

If you throw the main PHP file in your main catalog directory, the first tag at the top of your tpl_header.php file, and the second tag at the bottom of your tpl_footer.php file, then you should be set!

(also make sure that you specifiy height and width values for any png's that you use)

[irischant]

It's neat that you've posted that. I was actually checking around for png support & found the exact same solution that you've found through google. I was implementing it & lo & behold, found that you've already posted it here.

Anyhow, just thought that I'd mention that I too have it working correctly on my test shop & actually only put the tags at the top & bottom of my tpl_main_page.php, so either way works.

Good stuff!

[Webdraon777]

Hi Zenners,

So I went to the link in question and read...
Just don't get exactly where I should implement the codes.
I experimented with the tpl_main didn't work , then tried the tpl_header and tpl_footer

Could you clarify please for a novice.

Thanks in advance...

[Webdraon777]

Ok so after a lot of trial and error I almost have it.
Only one little problem.

If someone could have look and let me ow how to fix this would be great.
http://www.gefo.ca/GeFo_Store/

Probably just not code in the right place
I put it in the tpl_main and the function in the main directory.

Thanks

[cfe]

Are you referring to the fact that is looks like there's a broken image over the top of it?

That's because you need to get the spacer.png file provided to you on the instructions page, and put it in your images folder of your catalog. You can also create your own, just an empty 1x1 pixel PNG-8 image.

Hope that helps...

[Webdraon777]

Thanks CFE,

sometime the obvious just isn't.
works fine now.

[IntelCos]

I get the impression this is good for images pulled from within the files mentioned to have this mod. But in the case where CSS is being used to pull up images, would this work as well?

[cfe]

CSS-defined backgrounds should work fine, as it says in the linked article. I'm not sure other than that...

[rebekah]

Hi there,

Just in case there's anyone out there like me that needs step-by-step instructions. Here you go!

To begin, visit that link in the first post and scroll down to "Full Source Download" and click that to download the files for this fix. Or, you can save it from here (same source):
http://koivi.com/ie-png-transparency.zip

Here's the steps I took to get this working...

- First, I put the "replacePngTags.php" file in my shop directory (where ZC is installed).

- Then I copied the spacer.png (1x1px image) to my shop/includes/templates/MY_CUSTOM_TEMPLATE/images directory. (Your custom template (override directory) may be named something else.)

- I opened the tpl_header.php file located here:

shop/includes/templates/MY_CUSTOM_TEMPLATE/common/tpl_header.php

and pasted in this code at the very top above everything else...

<?php ob_start(); ?>

- Then, I pasted this code...

<?php
    include_once 'replacePngTags.php';
    echo replacePngTags(ob_get_clean());
?>

at the very bottom, after everything else, in my

shop/includes/templates/MY_CUSTOM_TEMPLATE/common/tpl_footer.php file.

Hope that helps somebody,
Rebekah

[DamienDLSkinSolution]

Rebekah,

Thanks for the Step-by-step...

It works great for the pics defined in .php pages (such as header.php) but not from my stylesheet.css ... (for example, i have an image for the footer navigation bar).

Any idea ?

Damien