 |
How to change the height, width etc. of E-junkie
shopping cart that shows in my website? How to change the checkout
buttons and other things inside the cart?
Note: Following article only applies to regular E-junkie
shopping cart. If you are using the Non-JavaScript version
of E-junkie shopping cart, then you can not customize it.
Before we begin, you should know that simple things in the cart
like font styles are simply picked from the CSS you are using
for FONT and TD elements in your website. Now, to more advanced
stuff.
In the VIEW CART button code, add the following code:
function EJEJC_config() {
// add this line if you want PayPal
checkout to open in a new window
EJEJC_CPOP = true;
// add this line if you face any layout
issues after putting in the cart buttons
EJEJC_INITCSS = false;
// add this line if you want to change
the background of the dimming screen
// to white (FFF) or any other hex code
EJEJC_BGCOLOR = "#FFF";
// change opacity of the dimming screen
EJEJC_OPACITY = 60;
// change the width of the cart window
EJEJC_WIDTH = 700;
// change the height of the cart window
EJEJC_HEIGHT = 415;
// change the border color of the cart
window
EJEJC_BRDRCOLOR = "#444";
// will call EJEJC_shown function after
the cart has rendered
EJEJC_POSTCALL=true;
}
NOTE: If EJEJC_config () {}
already exists in your code, then simply add the relevant
lines to it.
function EJEJC_shown() {
// will change the PayPal checkout button
image
jQuery("#btnPP").attr("src", "http://yourdomain/yourimage");
// will change the Google checkout button
image
jQuery("#btnGC").attr("src", "http://yourdomain/yourimage");
// will change the Authorize.Net/PayPal
Pro Direct checkout button image
jQuery("#btnCC").attr("src", "http://yourdomain/yourimage");
// will change "Discount Code"
to "Something Else"
jQuery("#dscnt_cd").attr("src", "Something
Else");
// adding a custom line of text
jQuery("#tdPmnt").attr("innerHTML", "Anythign
HTML you want to show");
// remove "continute shopping"
button
jQuery("#btnContShop").remove();
}
If you want to explore the things you can change, you can
pick the URL from the ADD TO CART and open it in a browser
window. You can view source to see various elements of the
cart and some of them will have IDs, you can modify them by
placing jQuery
statements inside the EJEJC_shown function as shown above.
|
