Addresses
2 min read
How work this Addon?
The Addresses addon is ready to display the WooCommerce Billing and Shipping addresses. Just need to activate the addon from the plugin Addons tab and save the settings.
This addon only will work if you use it in a page selected as the WooCommerce account page, so you can use it in the by default WooCommerce account page, removing the by default shortcode [woocommerce_my_Account]Â to avoid conflicts and ensure that it will work correctly.
Also, you can build your custom account page from scratch and assign it as the WooCommerce account page, to do it just need go to: WooCommerce > Settings > Advanced and look for the dropdown menu where you can choose the page as the WooCommerce account page.
You can use this widget directly on the account page with just drag & drop. Although it can also be added in an Elementor template, so that later you can add it where you need, for example as tab content using the Advanced tabs extension.
How to configure the Addon?
This widget not includes any option to set, so you can start to customize the style directly.
It is very customizable in terms of styles, it has style options to customize each element individually, as well as:
- General Container
- Introduction Text
- Addresses Box
- Addresses Titles
- Addresses Edit Button
- Addresses Data
You can also show the addresses form and thus be able to apply styles to it from the Elementor editor and in real time.
It is very customizable in terms of styles, it has style options to customize each element individually, as well as:
- Form Container
- Form Title
- Form Labels
- Form Fields
- Form Fields Status
- Form Buttons
Additionally, you can close the addresses form by clicking on the button in the upper right corner, and you will be redirected to the last point where you were. This button receives the style from the addresses form link style option, although you can also apply a custom style with CSS. To do this, you just have to use the class address_editform_closebtn
For example:
.address_editform_closebtn {
color:red;
}
.address_editform_closebtn:hover {
color:blue;
}
