Appending content into cart window

[willwood]

Hi,



Is it possible to append extra information into the E-Junkie cart window like purchasing information, special offers and other text? I tried using the following jQuery code to append text onto the #tdHeader container:



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



var $jec = jQuery.noConflict();

jQuery(document).ready(function($jec){

$jec("#topCart").appendTo("#tdHeader");

});



</script>



<div id="topCart">Some test content here</div>



But this code does not seem to be effective in iFrames. Also tried replacing:



jQuery("#imgHeader").attr("src", "http://www.example.com/image.jpg");



with



jQuery("#imgHeader").attr("innerHTML", "Some test content here");



But this did not work and broke the cart window. The box.js file looks like it is compressed and not editable. I'm running out of ideas. Other people who have setup custom carts have used image replacement for text, but this is something I want to avoid. It would be great if it were possible to add extra content above or below the item table.



Also a couple of months back, there was a link on this forum for someone who had built a custom E-Junkie cart in the style of a single page order-form. They were selling digital downloads. The website had a white colour scheme and users were invited to play around with a test version to see how it worked. It didn't use a modal window. Any idea if this post still exists? I searched but couldn't find anything.

[E-junkie_Guru]

I think this may be the post you're referring to, about having a fully custom front-end for E-junkie cart developed:

http://www.e-junkie.com/bb/topic/3725



However, short of going that route, you can add custom HTML to your cart, which would appear below the table of the cart's contents; just add this to your View Cart code on every page, just before the "// -->" line in the standard code you obtained from Seller Admin:



function EJEJC_config() {

EJEJC_POSTCALL=true;

}

function EJEJC_shown() {

jQuery("#tdPmnt").attr("innerHTML",

"Any <b>HTML</b> you want to show goes here");

}

[willwood]

Thanks for your reply. I had already tried the code you suggest. I could get some basic content beside the PayPal / GoogleCheckout button. But I could not add any content directly above or below the cart table (content which could span the 100% width of the cart window).



I wanted to try and replicate the cart design used in this example: http://www.e-junkie.com/bb/topic/4336

But instead of using an image at the top, I just wanted to use normal HTML text which could be easily edited at any time and would tell buyers how their transaction will be handled and inform them that download links would be sent to their email address. It was my theory of trying to improve the checkout system, make it more transparent and provide buyers with all the information they need.



For example, if you are providing both a GoogleCheckout and PayPal button in the cart, it would be useful to have a footnote below each, explaining that customers do not require an account and they can pay securely using credit / debit card via either provider.



The link you proved to that blog article was the one I was looking for. Thanks.

[willwood]

Thanks for your reply. I had already tried the code you suggest. I could get some basic content beside the PayPal / GoogleCheckout button. But I could not add any content directly above or below the cart table (content which could span the 100% width of the cart window).



I wanted to try and replicate the cart design used in this example: http://www.e-junkie.com/bb/topic/4336

But instead of using an image at the top, I just wanted to use normal HTML text which could be easily edited at any time and would tell buyers how their transaction will be handled and inform them that download links would be sent to their email address. It was my theory of trying to improve the checkout system, make it more transparent and provide buyers with all the information they need.



For example, if you are providing both a GoogleCheckout and PayPal button in the cart, it would be useful to have a footnote below each, explaining that customers do not require an account and they can pay securely using credit / debit card via either provider.



The link you provided to that blog article was the one I was looking for. Thanks.

[E-junkie_Guru]

I just pored through the cart structure and did some testing; this should allow you to replace the "Your Shopping Cart" icon in the header area of the cart display with custom HTML and also add custom HTML in the footer underneath the checkout buttons:



function EJEJC_config() {

EJEJC_POSTCALL=true;

}

function EJEJC_shown() {

jQuery("#tdHeader").attr("innerHTML",

"Custom HTML for <b>header</b> goes here.");

jQuery("#tdSell").attr("innerHTML",

"Custom HTML for <b>footer</b> goes here.");

}

[willwood]

Wow - that's perfect. Exactly what I was looking for. This is going to make cart customisation so much better now. I hope others search this forum and are able to reuse the same code.



Many thanks!