Customize Purchase Button Appearance
How to change the appearance of your E-junkie purchase buttons
Custom button color or size
At the bottom of the button codes screen in Seller Admin, you can choose a custom pixel size and/or color for the button, then copy the codes we provide there and paste them into your sales page.
Custom button image or text link
For custom Buy Now or Product Page buttons, you can simply copy the Text Link we provide on your button-codes screen and link that to any custom image or text you wish in your Web site page editor. This method will also work for Add to Cart buttons, if you don't mind having the cart appear as its own page, separate from your site (see further below if you'd prefer to keep the overlay-style cart appearing within your own page). We'd recommend setting any of these links to open in a new window/tab, if your editor's link-maker has a choice for that—e.g., it may be a checkbox, or a field to enter a Target name for the link, where you can paste ej_ejc as the Target.
For custom Add to Cart/View Cart buttons that can display the cart as an overlay within your own page, first make sure you have one copy of your Cart Script code pasted into every sales page. Then, if your link-maker doesn't have any way to specify a link Target name as instructed above (which along with your Cart Script code should be sufficient to enable the overlay cart), you can use the following HTML button codes, where you'd replace XXXXXX with your E-junkie Client ID (which you can find in your Dashboard under Manage Seller Account > Account Summary), replace YYYYYY with the product's Item Number, and replace http://www.example.com/your/image.jpg with the URL of your custom image, or you can replace the entire tag <img src="http://www.example.com/your/image.jpg" border="0" alt="Add to Cart"> with custom text:
View Cart
<a href="https://www.e-junkie.com/ecom/gb.php?&c=cart&ejc=2&cl=XXXXXX" onclick="return EJEJC_lc(this);" target="ej_ejc" class="ec_ejc_thkbx"><img src="http://www.example.com/your/image.jpg" border="0" alt="View Cart"></a>
Add to Cart
<a href="https://www.e-junkie.com/ecom/gb.php?&c=cart&ejc=2&cl=XXXXXX&i=YYYYYY" onclick="return EJEJC_lc(this);" target="ej_ejc" class="ec_ejc_thkbx"><img src="http://www.example.com/your/image.jpg" border="0" alt="Add to Cart"></a>
If your product uses Variations or Variants, it's a bit trickier; first, obtain your standard Add to Cart button code for the item, then look for this tag near the very end, just before the final </form> tag:
<input style="display:inline-block;background: #3da5d9 url(https://www.e-junkie.com/ej/images/newbuynow.png) center/100px no-repeat;border: none;padding: 7px 55px;border-radius: 3px;box-shadow: 1px 2px 2px rgba(0,0,0,0.2);cursor: pointer;" type="submit" value="" onclick="return EJEJC_lc(this.parentNode);" class="ec_ejc_thkbx">
...and replace that with this tag, where the http://www.example.com/your/image.jpg part would be the URL of your custom image:
<input type="image" src="http://www.example.com/your/image.jpg" onclick="return EJEJC_lc(this.parentNode);" class="ec_ejc_thkbx" style="cursor:pointer;">