View Cart Button Realigns my site to the left

[rollercoasterider]

I am just transitioning my site from a block builder to uploading my own html and the new pages I am building are not yet uploaded--I'm just trying to get everything right first.



I am using arachnophilia and viewing my pages in firefox and Internet explorer.

My site is centered, but when I add the view cart button it automatically shifts to the left.



I have added the button to my nav bar include and then to try a different area (to see if it would not realign) I made an include for the button and added it to the top of my right column.



It realigned my site at either location.



Is it affecting or overriding something in my CSS?

If so, how do I find out what it is and how to fix it?



I already tried the suggestion in the cutsomization instructions...

"EJEJC_CPOP = true;

// Add this line if you face any layout glitches after putting in the cart buttons:"



It did not work.

[E-junkie_Guru]

Actually, the explanatory comment lines (these start with "//") come before the line they explain, so you'd want to add the following lines to your View Cart code on every page, just before the "// -->" line in the standard View Cart code you got from Seller Admin:



function EJEJC_config() {

// Add this line if you face any layout glitches after putting in the cart buttons:

EJEJC_INITCSS = false;

}



Note that the cart may not work properly in all regards until you do upload the page to a live site. This help page provides some more tips for testing your setup:

http://www.e-junkie.com/ej/help.test.htm

[rollercoasterider]

Thanks.

I tried that snippet of code and it didn't work either--sorry. My site still realigned to the left.







The customization list starts with the following...



function EJEJC_config() {

// Add this line to open PayPal checkouts in a new window (not recommended):

EJEJC_CPOP = true;

// Add this line if you face any layout glitches after putting in the cart buttons:

EJEJC_INITCSS = false;



I did as you suggested and tried EJEC_INITCSS = false; but if it is the case that "the explanatory comment lines (these start with "//") come before the line they explain..." what is the snippet at the top for--it has nothing explaining it. I'm asking not because this may solve my issue but if is set-up as you say, other people may be reading it incorrectly also--since the list starts with the suggested code snippet and not what it changes it follows logic that the explanation below the snippet goes with the snippet above. Gosh, that sounds convoluted, so I hope I'm making sense.

[E-junkie_Guru]

The "function EJEJC_config() {" line just activates the cart customization function, so it needs no further explanation in terms of any particular type of customization; the lines following that specify different types of customization that this function can apply to the cart, so those need explanation. After those lines, you need a closing "}" to indicate you're done specifying customization parameters for that function.



BTW, we really recommend not using the "EJEJC_CPOP = true;" line at all, since that will cause checkout problems for buyers using a popup blocker, which most browsers have built-in nowadays; we only document that line for historical reasons, in case a seller may still have it in their page from a time before popup blockers became common and wonder what that does and why their buyers can't check out anymore.



Including the customization code that should fix your layout issue, your complete View Cart code would look like this:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=166739&ejc=2" target="ejejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="http://www.e-junkie.com/ej/ejview_cart.gif" border="0" alt="View Cart"/></a>

<script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

function EJEJC_config() {

EJEJC_INITCSS = false;

}

// -->

</script>

<script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>

[rollercoasterider]

HAPPY DANCE!



Thank you so much, that did it.

It was especially helpful that you explained why the list starts with a code snippet and that you gave me the entire code to paste--then I did not have to second-guess.



And it worked!