How to change "Add new address" image

Last updated

Your registered customers can select their shipping addresses by clicking "Address Book" button on the Shipping details page. They can either select the address from the ones recorded there, or add a new one by clicking this image:


If you would like to display your own image instead, please do the following:

  1. Download this image: http://app.ecwid.com/icons/addNewAddress.gif
  2. Edit this image in any image editor
  3. Upload this image to your server or to any image hosting.
  4. Add the following CSS code to your Ecwid store:
    	div.ecwid-AddressBook-addButton {
    	background: transparent url(icons/addNewAddress.gif) no-repeat;
    	}
    
  5. Replace the "icons/addNewAddress.gif" with the real absolute path to the modified image. For example:
    url(http://www.example.com/images/my_custom_addNewAddress.gif) For more details on how to add any CSS code to your store or create a custom CSS theme, refer to this article: CSS Faq 
  6. In order to change the "Add new Address" text properties, use this CSS code:
    div.ecwid-AddressBook-addButton div { color:%ANY COLOR%; //...other attributes }
    Instead of //...other attributes you can define the font properties, text alignment, etc.  
  7. To change the text that says "Add new address" to your own please add the following Javascript code to the same page you have your Ecwid widgets integration codes added to:
    <script>
    ecwidMessages = {
    "AddressBook.new_address":"Add<br />new address"
    }
    ​</script>
Was this article helpful?
0 out of 1 found this helpful
Questions?
Get help
  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7