First, bear in mind you do NOT need a View Cart button for every single Add to Cart button. You only need one copy of View Cart code per entire page that has any number of Add to Cart buttons, so a good place for that would be in a common header, footer, or sidebar area that appears on every page.



That said, if you'd still prefer to have a View Cart next to each Add to Cart, you still only need one copy of the SCRIPT portion of View Cart code on each page:



<script type="text/javascript">

function EJEJC_lc(th) { return false; };

</script>

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



...then you can duplicate your actual View Cart button wherever you want it to appear:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=54990" target="ejejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="https://www.e-junkie.com/ej/ejview_cart.gif" border="0" alt="View Cart"></a>



The Add to Cart and View Cart buttons should normally line up just fine if you put the View Cart code just inside the </form> tag of any Add to Cart code that has option menus or text fields, like so:



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

<input type="hidden" name="on0" value="Choose">

Choose:<br>

<select name="os0">

<option value="This">This</option>

<option value="That">That</option>

</select><br>

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



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=54990" target="ejejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="https://www.e-junkie.com/ej/ejview_cart.gif" border="0" alt="View Cart"></a>

</form>



If you've done that and aren't seeing them line up neatly, your site probably has some CSS that styles INPUT elements differently from IMG elements, so that would be for you to sort out. If you can provide a link to your sales page where the misalignment appears, we may be able to help you with that.

This CSS rule appears to be the culprit, in one of your site's CSS files at /wp-content/uploads/ultimatum/template_2.css:



img {

vertical-align: middle;

}



The misalignment is happening because that rule is telling browsers to align IMG elements with the middle of any text that could appear left/right of the image, but INPUT elements (like our Add to Cart button for items using Variations/Variants) still have the default alignment with the baseline of surrounding text. This page explains more about the vertical-align property in CSS:

https://css-tricks.com/what-is-vertical-align/



There's a few ways you could resolve this, depending on how it may affect other aspects of your site layout. One way is to delete that rule, or just comment it out to disable it like so:



/* img {

vertical-align: middle;

} */



Another way is to apply the rule to all INPUT elements (as well as IMG elements), like so:



img, input {

vertical-align: middle;

}



Another way is to apply the rule just to E-junkie Add to Cart INPUT elements (as well as IMG elements), like so:



img, input.ec_ejc_thkbx {

vertical-align: middle;

}



Finally, yet another way is to add a style attribute with that CSS declaration in the Add to Cart button tag itself, like so:



<input src="https://www.e-junkie.com/ej/ejadd_to_cart.gif" alt="Add to Cart" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this.parentNode);" border="0" type="image" style="vertical-align: middle;">