I’m creating a new design for my store and I am using a transparant PNG logo in my header.
All browsers show the image transparant except IE6, but I already knew this is a common problem in IE6.
The JS error is: BLANK_IMG not defined.
I discovered this is a bug in the page layouts. I searched magento where BLANK_IMG was defined and found it in the template/page.phtml. I copied this code (see below) into the header of 3columns.phtml and the js error was gone and my PNG was showing transparent.
The following is placed in page.phtml.
var BLANK_URL = '<?=$this->getJsUrl()?>blank.html';
var BLANK_IMG = '<?=$this->getJsUrl()?>spacer.gif';
var BASE_URL = '<?=$this->getUrl('*')?>';
var SKIN_URL = '<?=$this->getSkinUrl()?>';
My question is, should I copy this code in all the page layouts? Or should I define BLANK_IMG in the ds-sleight.js?
Or is there another workaround?