Changing cart buttons

Please note the below guide is for users who are comfortable working with HTML.

Please note, if you're using PayPal Express or Google Checkout, the following instructions will not work!

If you would like us to do this for you, please contact us accordingly.

In this guide we have used our Chameleon template as an example when editing the buttons in the cart page. By default this is how the cart page generally looks:

ekmPowershop gives you the ability to be able to change the three lower buttons:

• CONTINUE SHOPPING
• UPDATE CART
• CHECKOUT

The steps below will walk you through how you can use your own images to replace the default buttons:

The first step is to create the three images that you would like to use.

Once you have created your new "buttons" within your favourite image editing software, you need to then upload the images into ekmPowershop. To do that simply log into your ekmpowershop account and go to Design > File Mananger

Once in the File Manager, click onto the Design tab and upload the 3 images.

Help on how to upload images into the File Manager can be found here.

Once the images have been uploaded you will be able to obtain their path's which will look something like the below, depending on what you have called your image filenames:

/ekmps/shops/myshop/resources/Design/checkout.png /ekmps/shops/myshop/resources/Design/continue.png /ekmps/shops/myshop/resources/Design/update.png

The second step is to now go to the Design Area > View Design. Once on the tab go through to your cart page and edit the pencil icon to edit the cart:

You will then see the following:

Simply delete the ekmTags for:

[ekm:cartcheckoutnavigation][/ekm:cartcheckoutnavigation]

...and replace it with:

<table width="425" border="0" cellspacing="30">
  <tr>
    <td width="135"><a href="ekmps/shops/myshop/index.asp">
<img src="/ekmps/shops/myshop/resources/image/continue.png" 
width="135" height="55" border="0" /></a></td>
    <td width="139"><a href="ekmps/shops/myshop/index.asp?function=CART">
<img src="/ekmps/shops/myshop/resources/image/update.png" 
width="135" height="55" border="0" /></a></td>
    <td width="137"><a href="ekmps/shops/myshop/index.asp?function=CHECKOUT">
<img src="/ekmps/shops/myshop/resources/image/checkout.png" 
width="135" height="55" border="0" /></a></td>
  </tr>
</table>

The code above uses a simple table with the images that have been uploaded to the file manager.

Each images needs the relevant hyperlink assoscaited to it within the code(as the above sample shows). The below will show the link and explain what will happen when the user clicks on that button:

Continue: ekmps/shops/ekmPowershopusername/index.asp This will return the customer back to the home page.

Update: ekmps/shops/ekmPowershopusername/index.asp?function=CART This will update the cart if the customer changes to quantity.

Checkout: ekmps/shops/ekmPowershopusername/index.asp?function=CHECKOUT This will take the customer through to the checkout pages.

Once you have followed the above setup you can have a cart page which looks like:

« Back