6 / 6
Mar 2013

I've had a look at the help guide about customizing the buttons and I cant get it to work. I only want a simple border around it. The code I have is:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=242628&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" alt="View Cart" border="0" align="top"/></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>



On the line after {return false} Ive added:



function EJEJC_config() {

EJEJC_BRDRCOLOR = "#009";

EJEJC_BGCOLOR = "#FFF";

EJEJC_OPACITY = 30;}



I found this in the help guide but it doesn't work for me? All I really need is a simple border around the button.



Please help :slight_smile:

  • created

    Mar '13
  • last reply

    Mar '13
  • 5

    replies

  • 1.5k

    views

  • 2

    users

  • 4

    links

Try removing the border="0" from your View Cart IMG tag, like so:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=242628&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" alt="View Cart" align="top"/></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>

Thanks for the reply, its still not working for me though :|. There's no change at all?



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=242628&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" alt="View Cart" align="top"/></a>

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

<!--

function EJEJC_lc(th) { return false; }

function EJEJC_config(){

EJEJC_BRDRCOLOR = "#009";

EJEJC_BGCOLOR = "#FFF";

EJEJC_OPACITY = 30;} // -->

</script>

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

Your site's CSS layout code may be disabling borders around images by default for your entire site. In that case, you can add a style="" attribute in the IMG tag to add CSS specifying a custom border for that image, like so:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=242628&ejc=2" target="ejejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img style="border: 1px solid #481A24;" src="http://www.e-junkie.com/ej/ejview_cart.gif" alt="View Cart" align="top"/></a>

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

<!--

function EJEJC_lc(th) { return false; }

function EJEJC_config(){

EJEJC_BRDRCOLOR = "#009";

EJEJC_BGCOLOR = "#FFF";

EJEJC_OPACITY = 30;

}

// -->

</script>

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

Yes thats done it!



With the border added into the css I assume this part of the code is not needed:



function EJEJC_config(){

EJEJC_BRDRCOLOR = "#009";

EJEJC_BGCOLOR = "#FFF";

EJEJC_OPACITY = 30;

}



Thank you so much

Correct; that code just adds a border around the cart overlay itself and alters the background dimming of your page behind the cart overlay.