Quote Originally Posted by davewest View Post
I was working that way too, was trying to do something simple or less hacking more observer... After reading up on the future of SVG, icon stacking, and new elements, it's getting interesting..
I feel that an expiation may be needed.. One Example, to get input fields to display font icons in a css button is to change the code in your template files with button tags like the following..

Lets do the includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php
Add to Cart button looks like this
Code:
zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
To add a FA add to cart icon I changed it to
Code:
'<button class="cssButton submit_button" type="submit"><i class="fas fa-cart-plus"></i> ' . BUTTON_IN_CART_ALT . ' </button>' ;
In your includes/templates/YOUR_TEMPLATE/css/stylesheet_css_buttons.css copy and paste your input button css and change the input. to button.
Code:
button.submit_button {border:none !important;font-size: 1.2em;display: inline-block;margin:0;padding: 12px 30px 30px 30px;}
button.submit_button:hover {border:none !important;font-size: 1.2em;display: inline-block;margin:0;padding: 12px 30px 30px 30px !important;}
button.cssButtonHover {border:none;cursor: pointer;border:none;font-size: 1.2em;display: inline-block;margin:0;padding: 12px 30px 30px 30px !important;}
Of course your css and button may be different depending on your template. the button element needs the type="submit" field for it to work as a form submit button.