Is there a way to absolutely force inline html or php to not inherit ? Otherwise I may need assistance tracking how code is being added inline
I am trying to add shareasale tracking code to a Magento success page, using the following code:
<img src="https://shareasale.com/sale.cfm?tracking=<?php echo $this->getOrderId() ?>&amount=<?php echo $_sub ?>&transtype=sale&merchantID=XXXX" width="1" height="1">
However, when rending the page, my template is transforming it into:
<img width="0" height="0" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 1px 1px;" src="https://shareasale.com/sale.cfm?tracking=<<correct number>>&amount=<<correct number>>&transtype=sale&merchantID=<<correct number>>">
ie:
- changing the inline width and height from 1 to 0
- inserting display:none, visibility: hidden – which prevent the code from working
Based on chrome’s element inspector, these are element.styles and not part of the sheet, but I have no idea how they are getting added to the that image tag
I have tried to force the img code above within a php echo and outside, and also try to add style=”display: inline !important;” but no difference. I also grep searched ‘display: none ! important’ in all css, js (javascript) and template folders to try and identify the source and could not
Thanks in advance for any tips and help
credit to joequincy: Also possibly, do you have some sort of AdBlock-like extension? Most tracking systems like that are -blam-ed with in various ways by such extensions, with the deliberate intention of breaking them. – joequincy
ie turning off adblock worked