WooCommerce Subscriptions
3 min read
How work this Addon?
The Woo Subscriptions extension is ready to display the WooCommerce Subscriptions area. Just need to activate the extension from the plugin Extensions tab and save the settings.
This extension 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 includes 2 fields to link the related orders and related subscriptions with each related tab content, by default they are not connected, but you can set the related tab slug on each field to connect it.
It is also very customizable in terms of styles, it has style options to customize each element individually, as well as:
- General
- Table
+ General container
+ Table Header
+ Table Content
+ Action Buttons
You can also show the message that appears when Subscriptions have not yet been placed and thus be able to apply styles to it from the Elementor editor and in real time.
You can configure the container, the icon, the message and the button independently, and you can also hide it so that it is not shown in the editor and keep a less cluttered view when you have finished configuring it.
Also in the same way you can show the details of the subscription, to be able to apply styles from the Elementor editor and in real time. You can configure everything part by part as well as:
- Subscriptions Details
- Subscriptions totals
- Subscriptions downloads
- Subscriptions related orders
- Subscriptions Addresses
Additionally, you can close the subscription details by clicking on the button in the upper right corner, and you will be redirected to the last point where you were. You can apply style to this button from the Subscriptions details link color option, although you can also apply a custom style with CSS. To do this, you just have to use the class view_subscription_closebtn
For example:
.view_subscription_closebtn {
color:red;
}
.view_subscription_closebtn:hover {
color:blue;
}
