View Cart shows empty and Add To Cart opens in new window

[dkleazy]

We have a page in test mode and I'm getting a couple problems. Any and all help would be appreciate whereas I'm new to this software.



First things, the link: http://www.eugenecarpetcleaning.us/buy-us-facebook-fans.html



Second - adding a product works just fine. It calculates and works.



Third - after adding a product, when I click VIEW CART, it shows empty.



Fourth - when I click ADD TO CART it opens an entirely new window. I want it to pop-up (lightbox style) just like the VIEW CART button is doing.



Here's my VIEW CART code:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=######&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; }

// -->

</script>

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







Here's my ADD TO CART code:



<input type="image" src="http://www.e-junkie.com/ej/ejadd_to_cart.gif" border="0" alt="Add to Cart" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this.parentNode);"/>

</form>





Does anyone have any idea what might be happening here? I've copied the VIEW CART code straight from e-junkie after adding a product. I'm also copying the ADD TO CART code straight from the same place.



Any, and all, help is sincerely appreciated!

[E-junkie_Guru]

The problem appears to be improper nesting of HTML elements in your page. I made a copy of your page and was able to fix the issue by moving this line of your Add to Cart code:



<form action="https://www.e-junkie.com/ecom/gb.php?c=cart&i=1198989&cl=185662&ejc=2" target="ejejc" method="POST" accept-charset="UTF-8">



...a few lines up, so it fits between your <div id="full_box" ...> and <div id="left_half" ...> tags, like so:



<div id="full_box" style="background: #fff; border: 1px solid #cccccc; color: #19527A; padding: 5px; width: 850px; height: 140px;">

<!-- ########### START THE FORM BELOW (ONLY ADD SCRIPTS AND FIRST LINE USING ‘form action’) ########### -->



<form action="https://www.e-junkie.com/ecom/gb.php?c=cart&i=1198989&cl=185662&ejc=2" target="ejejc" method="POST" accept-charset="UTF-8">



<div id="left_half" style="color: #19527A; padding: 5px; width: 380px; float: left; height: 50px; margin-top: 25px;">

[dkleazy]

You're AMAZING! Thank you so much. Your support is unrivaled, that was so fast and accurate; kudos!

[malikai]

I have encoded a paypal buy now button into a picture . When a customer clicks on the picture they are taken to paypal to purchase .



<a href="https://www.paypal.com/cgi-bin/webscr?cmd=s-xclick&hosted_button_id=3JNKXWQFGW6Q8"><img class="aligncenter wp-image-9" src="http://my-simple-solutions.com/mysimplesolutions/wp-content/uploads/2014/06/COVER-150x150.png" alt="COVER" width="250" height="280" /></a>



I have replaced part of the code with a code from your button and have inserted it between

<a href= and <img see below



<a href="https://www.e-junkie.com/ecom/gb.php?i=1364470&c=single&cl=278105" target="ejejcsingle"><img class="aligncenter wp-image-9" src="http://my-simple-solutions.com/mysimplesolutions/wp-content/uploads/2014/06/COVER-150x150.png" alt="COVER" width="250" height="280" /></a>



When I tested it it seems to work , as I am taken to PayPal .



My question is , do you think it will be fine the way it is ?

[E-junkie_Guru]

Yes, simply replacing the src= URL with a custom image URL in your standard E-junkie button code (as shown in your example above) should work fine. However, looking at the custom button image URL you have specified there, you may wish to consider whether buyers would realize they must click your book cover image to place an order. Typically a purchase button should at least have some "call to action" text telling buyers what to do and what will happen if they click the button -- e.g. "Add to Cart" or "Buy Now" or "Place Order", etc.

[malikai]

On the sales page I have written " Click on picture to order ." in bold and have written it twice .



When they pay for it through PayPal - I would like them to be directed to the download page on this site - how do I do this ?

[E-junkie_Guru]

After the buyer finishes checkout, and once the payment processor notifies us they have completed the buyer's payment, we grant the buyer access to a thank-you page we automatically generate for their transaction, where we would present their unique download link(s).



We also send the buyer a thank-you email message with a link to reach their thank-you/download page in case they did not proceed there after checkout. Every download link we issue expires after the number of Attempts or Hours (whichever comes first) that you specify in each product's settings.

[malikai]

Thank you . You have been most helpful .

[malikai]

I have two e books I would like to sell as a package . If I upload both of them separately

how do I configure the download ?

[E-junkie_Ninja]

You would want to set that up with our Bundle Product feature:

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