Widgets were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user. With Uncode, you can classically use Widgets through Sidebars or use the special version of Widgets through the Page Builder module so that you can place them in every position of your layout have more options to the same time.
Uncode 2.3.0 introduces new options and improvements for all Page Builder Widgets. All Widgets have a default, unstyled version (to give compatibility with older versions when a Widget was used within the content of a page), and an enhanced version (which reflects the layout you had using a Widget within a Sidebar or Footer). It's possible to activate the enhanced style by the Widget Style option of any widget.
Please note that since Uncode 2.3.0, all Widgets have been slightly modified to improve the consistency between them. This means that if you have customized them with CSS, you may notice some slight changes.
Each widget has these options compared to previous versions of Uncode:
- Widget Style: activate to use an enhanced style.
- Mobile Collapse: activate to collapse the widgets on mobile devices.
- Remove Separator: activate to remove the separator between title and content.
- Title Typography: set the title typography the be inherited by the body or Column font family.
A new Page Builder widget called Recommended Posts has been added from Uncode 2.2.3:
- Recommended Posts: this widget displays a list of recommended posts.
Since Uncode 2.2.3, some WooCommerce Widgets have been grouped together in the new Product Widget for better functionality and organization.
Note that if you are using one of the Widgets that have been removed, these will continue to work, but you will no longer find these modules in the 'Add Element' list. If you need the same functionality, you will need to use the new Products Widget module with settings set according to your needs.
- Products Widget: this new module implements the functionality of the old Recent Products modules, Featured Products, Sale Products, and Best Selling Products.
- Products by Rating: this new module that replaces the old Top Rated Products.
Note. Please note that the Filter Products by Price, Products Layered Nav, Products Layered Nav Filters native WooCommerce widgets only work in the default WooCommerce main shop page (they don't appear if you use them on a regular page).
You have probably noticed that from Uncode 2.2.3, it is possible to collapse Widgets on mobile. This way, the Widgets take up less space, and the user can selectively choose which one to open when viewing your site from his mobile device. Please find this option within each Widget, screenshot .
To make the layout even more compact on mobile devices, we have prepared a special (and optional) code that removes the default vertical gap between the Uncode' Rows. If you are interested in removing the vertical gap between Rows on mobile devices, please navigate to Row → Extras → Extra Class Name, and insert this simple code
mobile-no-inner-gap tablet-no-inner-gap, screenshot .
If you want to add a top border to the first widget on mobile devices, please navigate to Your (first) Widget → Extras → Extra Class Name, and insert this simple code
mobile-first-collapse-widget, screenshot .
If you want to remove the possible extra bottom spacing of the last widget on mobile devices, please navigate to Your (last) Widget → Extras → Extra Class Name, and insert this simple code
mobile-last-collapse-widget, screenshot .