Jump to content

how to replace text button with image button


Recommended Posts

folks, searched and did not find anything related to my question. I would like to replace some button with a graphic. For example the 'send' on the contact form button or the 'contunue shopping' and 'purchase' button on the checkout form. these are text only and I would like to replace that text with a custom image.

 

For the 'continue shopping' button I see right now following code:

<a class="button_large" href="/" title="continue shopping">« continue shopping</a>

I found a code reference for a 'purchase' button with image which is this:

<input href="" id="button_order" src="/themes/prestashop/img/button-order-confirm.png" type="image" value="Order">

can I now just replace the first example for the 'continue' button with this code:

<input href="" id="button_xxx" src="/themes/prestashop/img/continue-shopping.png" type="image" value="yyy">

What would the xxx and yyy values be then? I see no button ID for the 'continue shopping' button in the code above. Also, does the yyy need to follow a specifc rule or can I just add anything here like, again, 'continue shopping'?

 

best

phil

 

 

Link to comment
Share on other sites

your code looks like:

<a class="button_large" href="/" title="continue shopping">« continue shopping</a>

so it isn't using <input> html tag. in this case you can use something like:
 

<a class="button_large" href="/" title="continue shopping"><img src="http://url_to_image.com/image.jpg"/></a>
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...