Skip Navigation

Toolset Layouts 2.0
Released on:

  • 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:

Site-wide setting for a default column width
Site-wide setting for a default column width

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:

Column width button
Column width button

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.

 

Dialog to select a layout's column width
Dialog to select a layout’s column width

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.

CSS information tooltips
CSS information tooltips

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.

There are five items per row shown now
There are five items per row shown now

 

Option to select whether cell descriptions are displayed
Option to select whether cell descriptions are displayed

The option can also be changed from the dialog itself
The option can also be changed from the dialog itself

 

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.

You can now specify classes for accordion panels
You can now specify classes for accordion panels

 

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

Download and Update

You can get this release directly to the WordPress admin or download and install manually. To receive automatic updates, you need to register the Toolset plugins on your site. Then, visit the Plugins or Updates admin pages. To download manually, visit your Toolset Account and go to Downloads. Follow the installation and upgrade instructions for complete details.

When you update the Toolset plugins, be sure to update together all the components that you are using. Don’t use a mixture of new and older versions.

Feedback? Need Help?

We love feedback. To make a suggestion, ask a question or give an idea, leave your comment here. If you need technical support and help troubleshooting problems, please use our technical support forum.

Leave
a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>