Help with Safari / Chrome issues regarding Wordpress install

[ducky]

Hello all,



In a nutshell I have been inkering with an e-junkie installation in Wordpress for the past while and everything hums along wonderfully in Internet Explorer. Then I moved on to check the compatibility with the other browsers and I have run into several problems.



Disclaimer: I am also slowly teaching myself CSS and PHP after not touching HTML itself for almost ten years so I am therefore just knowledgeable enough to be a danger to myself and others.





Internet Explorer - everything works fine. No problems (that i have discovered anyway).



Chrome / Safari - The Add to Cart button opens in a new window / tab every time. The static View Cart button in the sidebar opens in the lightbox everytime but is always empty. To add to the confusion, when using the Add to Cart button, your shopping history is remembered and orders can be processed, leading me to believe that there does not seem to be an issue with writing to a cookie. I have also updated to the latest versions of each and used 'accept all cookies' for testing purposes. Javascript is enabled.



Firefox - havent tested yet. Two headaches are enough at this point.



I have tested the site on both my work computer with cache and cookies cleared, and on a laptop upon which I have never visited the e-junkie admin panel (no confusing cookies there to foul things up). Several customers have also verified this behaviour in Safari.



Just to address some possible solutions:



Since the Add to Cart buttons remember order history, this doesnt seem like a Cart Not Updating problem - http://www.e-junkie.com/bb/topic/2823 - or a Cookie blocking problem such as http://www.e-junkie.com/bb/topic/2716



I have used the 'complete' javascript code as suggested in this post - http://www.e-junkie.com/bb/topic/3061 regarding any formatting or pop-up problems.



I have also placed the suggested code <script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script> in all of page calls as listed in this helpful thread: http://www.e-junkie.com/bb/topic/2534 - this was necesarry to make everything happy in IE due to (I assume) the generated pages (products are listed as posts)







At this point my site is mainly a catalogue for my local customers, so I am not losing money over this issue - just sleep. I relaize that in all liklihood I have made some simple errors in installation due to my noobishness - please be gentle, I bruise easily.



http://www.simplyducky.com



Thanks in advance for any assistance,

- Crispin

[E-junkie_Guru]

First, bear in mind that the overlay-style cart gets tracked as a completely separate cart unrelated to the popup window/tab cart, so that explains why items added to one don't show up in the other and vice-versa. The real question then becomes why your Add to Cart buttons are opening a popup window/tab for the cart rather than using our standard overlay-style cart.



Something about your Wordpress software is rewriting our Add to Cart button links. The button code should look like this:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&i=296772&cl=70427&ejc=2" target="ejejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="/images/addcart.png" alt="Add to Cart" title="Add to Cart" border="0" /></a>



...but instead your page has this:



<a onclick="javascript:pageTracker.trackPageview('/outgoing/www.e-junkie.com/ecom/gb.php?c=cart&i=296772&cl=70427&ejc=2');" href="https://www.e-junkie.com/ecom/gb.php?c=cart&i=296772&cl=70427&ejc=2" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="/images/addcart.png" alt="Add to Cart" title="Add to Cart" border="0" /></a>



I would suggest pasting the button code into the HTML mode of your post editor, then save the post directly from there, rather than switching back to visual/WYSIWYG mode before saving, see if that tricks Wordpress into not altering your code when you save the post.

[ducky]

Tyson,



My (metaphorical) hat goes off to you Sir.



In my defense, I had inserted the code as it was provided to me and the WYSIWYG editor has been disabled for a long time - and of course I also checked it in Internet Explorer where it worked just fine. After some creative swearing it turns out that a plugin I was using for Wordpress called Ultimate GA to allow me to do fun things with Google Analytics was the problem.



Now that I have deactivated the dastardly thing everything seems to mirror my (very pleasent to date) experience with e-junkie and Internet Explorer.



For anyone else who runs into this, one of things that the Ultimate GA plugin (and other, similiar plugins) do is the following, as mentioned at http://searchlightdigital.com/guides/8-awesome-google-analytics-tips-tricks/:



" [you can start] Tracking clicks on links. Every time you put a link to anything external or a download on a page, make sure you add onClick="javascript: pageTracker._trackPageview('/link/linkname'); ". Always know where your visitors went."



I was actually completely unaware that it was actively changing the code - who knew?



Thanks again Tyson - all I needed was a second set of eyes on the problem,

- Crispin