- User-interface: Added GUI to control Bootstrap columns size per Layout
- User-interface: Added icon and tooltip to quickly provide markup and attributes information about cells
- User-interface: Removed distracting elements from Views iFrame and button to save Views elements from main dialog
- Cosmetics: Changed Slider cell previous and next buttons icons from text only elements to Boostrap library icons in a placeholder
- Compatibility: Fixed compatibility problem with Woocommerce and Woocommerce Views causing infinite loop when rendering in the same Layout wpv-post-body and wpv-woo-display-tabs Views short codes
- Compatibility: Fixed issue with Woocommerce product loosing Template Layout when updated
- Compatibility: Added the possiblity to define a layout to display a CRED Post/User form on demand
- Compatibility: Fixed issue with Divi builder not loading properly in Post Content cell body
- API: Added filters to override Slider cell previous and next buttons icons classes to change them or customise them
- API: Added the possibility to override Template Layout output through URL agument “layout_id=ID”
- API: Added filter “ddl-filter_layouts_by_cell_type” to filter layouts list by any combination of cells’ property/value pair
- Bug-fix: Fixed issue when rendering search archives with Layouts (e.g. Woocommerce product search)
- Bug-fix: Fixed show/hide more posts assigned to layout issue in Layouts listing page
- Bug-fix: Fixed issue with wpautop when rendering Visual Editor cell in Content Layout
Layouts 2.0 brings you the possibility to select a column width for specific layouts and a whole site. It also comes CSS tooltips for cells and rows, improved cell-insertion dialog box, and more.
Bootstrap column width customization
This version brings a new functionality to select Bootstrap grid base “size”, also known as column width. While in the past, this value was set to col-sm-* for every layout/grid created, it is now possible to change and render Layouts to a different width (all those that Bootstrap allows). The option can be set globally or per layout.
Globally, you can change the option on the Toolset -> Settings page, from the Layouts tab. There, scroll to the Default Bootstrap Column Width section, as you can see in the next screenshot:
When set globally, the option affects all the layouts that are newly created and all those existing layouts that do not have this option explicitly set.
The option can then be overridden on an individual layout basis. In this case, you can open the Select Bootstrap column width dialog by clicking the Column width button just above the layout grid editor, as seen below:
In the Select the Bootstrap column width dialog below, the value for the site’s default changes along with the global settings, while the user can still select a different value for the current layout and override this setting.
Cell / row info tooltips
Since all cells and rows can have unique CSS class or ID, sometimes it is hard to easily check what ID or class some cell has. With this new feature, we are showing a nice info tooltip with all the necessary data (class, tag type, ID). Tooltips are visible on hover or on the button click.
Changes in the cell insertion dialog
We did several changes in the Layouts cell dialog to make it better and improve the GUI.
- Instead of 4 items per row, we are showing 5 cells now
- Dialog footer is completely removed together with the Close button
- On the content layout, disabled cells are visible right after opening dialog without clicking on them.
- There is a new option to insert cells in only one click, without showing all the details about the cell. This is configurable from the Toolset settings page.
Classes for Tabs and Accordion panels title
Until now, it was only possible to add CSS classes to tabs or accordion content area. With the new set of options, it is possible to do the same thing for titles.
Bugfixes:
- Since WordPress 4.7 users are able to set admin language preference, Layouts is adjusted to use the language selected by a user.
- Fixed issue with tabs cell; there was a problem with rendering content inside tabs when the Smooth fade effect is enabled.
- Documentation links are updated
- Fixed issue with creating content layout if page content is not saved; we are showing a nice message now that it is necessary to save changes first.
- Fixed issue with rendering layouts assigned to WooCommerce search
- Fixed issue with tabs shortcode that was causing an infinite loop
- Layout selector on the post edit page is improved
- Fixed issue with losing layout assignment when the WooCommerce product is updated
- Links to documentation pages updated to use https
- Fixed issue with conflict between bootstrap css and layouts css when rendering panels
- Problem with Ajax call for saving Layouts settings is fixed
- Cosmetic issue with showing content layout title correctly inside the toolbar box is fixed
- PHP warnings during the layouts import/export process are fixed
- Issue with missing paragraphs on content layout is fixed