v5.3 - Upcoming Changes

  • Added Many new section template designs.
  • Added New Card Styles (simple 7,8,9 | numbered list 5,6 | portfolio 4 | testimonial 8, 9 | search 1,2,3,4 | News 1,2,3,4,5,6).
  • Added Category Colors Functionality (screencast).
  • Added New Widget Areas dashboard (screencast).
  • Added New Toggle (show/hide) functionality for elements so you can create your own "tabs/toggles" (screencast).
  • Added Shadow option to the WPBakery columns (screenshot).
  • Added Customizer option to allow you to define your conditional logic for the Overlay/Transparent header via a query string (screenshot).
  • AddedExtra class name option to the Post Cards element for the card entry, image and featured entry (screenshot)
  • Added Shadow option to the Image Banner element.
  • Added "Relevance" as an orby option for Total post based elements.
  • Added Support for Advanced Parallax to the WPBakery Section element.
  • Added 8 columns option for use with grid elements.
  • Added home_url shortcode which may be useful to dynamically link to your homepage (such as in your footer copyright text).
  • Added Touch support for the WooCommerce products so when you tap on a product entry image the Add to Cart button will popup.
  • Added Device max-width to the Column selectors in the Customizer to make it easier to understand where the breakpoints are (screenshot).
  • Added aria-controls attribute to the header search icon and cart icons.
  • Added "Stack Gap" option to the Flex Container so you can specify a different gap when the elements stack.
  • Added Bottom Icon style to the Icon Box element.
  • Added Button border-width option to the Pricing Table element.
  • Updated WooCommerce grids now use a modern CSS grid layout so we don't have to add individual classes to each product which isn't efficient and may cause issues with 3rd party plugins due to issues with the plugin. This will also allow for theme cards to be used with product entries.
  • Updated Snippet for WooCommerce shop masonry grids support to work with the new changes to the products grid.
  • Updated WooCommerce product entries to use new flex styles for keeping items the same height (by default) without the need for javascript (also prevents CLS) and renamed the "Equal Heights Entries" setting in the Customizer to "Bottom Align Buttons" which will only display if the "Always Visible Add to Cart Button?" setting is enabled.
  • Updated WooCommerce product entries add to cart button to switch to "view cart" after adding an item (screencast).
  • Updated WooCommerce cart overlay background to match the search overlay background.
  • Updated Header logo will now use srcset for the retina version instead of javascript so the retina logo will display instantly now.
  • Updated Theme retina functionality so if you are showing an image at full size the theme will automatically try and locate an image with the same name with a @2x suffix to use for retina. This is useful for situations were you may want to upload a full sized image without cropping it and then manually upload your own retina version (although in these cases you really should just use an svg).
  • Updated Default author box to use the gap property for spacing between the avatar and text instead of margin to slim down classes and make it easier to adjust.
  • Updated Demo importer so if the same demo is imported multiple times the theme will remove any duplicate menu items added by WordPress automatically.
  • Updated Navigation bar so the custom side margin is removed from the last item to prevent issues when adding menus on the right side of an element.
  • UpdatedWordPress gallery (when used in the classic editor or text block) to use modern CSS grid classes to slim down code.
  • Updated Moved the javascript for theme post elements masonry (isotope) grids to its own js file so that it can be loaded only if needed on the page.
  • Updated Added Styling for the default widget blocks added by WordPress when first installing WP.
  • Updated Theme button styles to also target the Gutenberg search block and file block buttons (since WordPress, for some reason, adds custom styling to these elements instead of inheriting button element styles).
  • Updated The Title Push Up overlay style to use CSS only (previously required javascript) and will now also work on the Post Cards element when links are disabled.
  • Updated Smaller thumbnails on the category/term admin page that match the same size used for WooCommerce categories.
  • Updated When using the nav-no-link in your menus the theme will now automatically add a tabindex value of -1 to the links for accessibility reasons.
  • Updated Full-screen mobile menu will no longer add duplicate menu items if there is a parent menu item that has both a link and a dropdown, instead if you click the menu item once it will open the dropdown and if you click it a second time it will go to the link.
  • Updated Optimized various javascript functions and converted most of the theme's jQuery code to vanilla js.
  • Updated Demo importer so it will automatically search/replace the demo URL with your site URL so any potential links used in a demo to link to itself won't link out to the demo after import but rather link to your own site.
  • Updated Optimized header style 5 (centered logo) rendering on mobile so the logo displays immediately on page load.
  • Fixed Font size issues with the icon box when using responsive font sizes (delete and re-install the Total Theme Core plugin for an instant fix)
  • Fixed Stray closing link element in the Icon Box element (delete and re-install the Total Theme Core plugin for an instant fix).
  • Fixed Issues when using the Boxed site layout combined with a Vertical Header and the "Fixed" vertical header style (the fixed header will now properly remain inside the boxed area and "fixed" by using the new modern "sticky" positioning).
  • Fixed Issue with the load more button in Total grid elements when using custom hover styles on buttons affecting other elements on the page with custom hovers.
  • Fixed Potential issues with certain Customizer settings not displaying.
  • Fixed Issues with the Templatera shortcode not properly displaying on archives (fix added in the theme until the plugin developers fix the issue on their end).
  • Fixed Thumbnail column showing in the WP admin for post types created with the Post Types Unlimited plugin when the post type did not support thumbnails.
  • Fixed Padding & Background options not working properly in the Teaser Boxed element when selecting the Boxed Rounded style.
  • Fixed Text Blocks not displaying correctly inside the Grid Element in the WPBakery front-end editor.
  • Fixed Toggle bar closing when clicking on the site (not toggle button) when the "Remember State" setting is enabled and the display is set to "Overlay" making it impossible to actually keep it open.
  • Fixed Potential issue with local scroll links when resizing the browser window if the sticky header gets taller or shorter.
  • Fixed Mobile menu issues when using the Navbar mobile menu toggle style set to "Top of Site" Menu Position and the sticky header enabled on mobile.
  • Fixed Shop cart link not showing on the Full Screen mobile menu style.
  • Fixed Missing close icon on the cart overlay.
  • Fixed Issue where if you changed the crop location of your thumbnails defined in the Image Sizes panel it wouldn't work without regenerating your thumbnails.
  • Fixed Issue where the entry equal height option for blog archives was being enabled for the masonry layout when it should only be allowed on the Fit Rows layout and you couldn't disable it in the Customizer as the setting would hide once the masonry layout was selected.
  • Fixed Logo top/bottom padding not working when using the centered logo header style.
  • Removed CSS vendor prefixes which are no longer needed to greatly slim down the CSS (you may want to check any child theme edits to remove them as well and slim down your code).
  • Removed Theme no longer loads a vcex-shortcodes.js file when using the Total Theme Core plugin - all JS is now conditionally loaded if needed.
  • Removed The "X-UA-Compatible" meta tag and headers for IE which are no longer needed.
  • Removed Retina Logo Height options in the Customizer and theme settings metabox as they are not needed with new srcset methods for setting retina logos.

Dev Notes:

  • Added - wpex-js and wpex-no-js body classes.
  • Added - "wpex_card_template" filter so you can override a Card template before it's rendered.
  • Added - "wpex_hover_button_overlay_position" filter if you want to modify the hover button style so that you can click on the entire overlay not just the button (sample snippet)
  • Added - "wpex_header_logo_img_html" filter for overriding the header logo img html.
  • Added - "wpex_grid_columns_class" for modifying the grid column class which controls the grid-template-columns property added to CSS grids in the theme (currently only used for WooCommerce grids but may be used elsewhere in the future).
  • Added - "wpex_grid_columns_class_auto_responsive" filter which is used in the new "wpex_grid_columns_class" function which will automatically make grids stack on small devices (479px and under). Columns have always stacked in the theme on mobile when using the wpex-row class so this functionality was implemented so the new grids behave the same as the previous rows but now with the ability to to disable it.
  • Added - PHP Classes for adding video, parallax, overlay and divider settings to WPBakery sections and rows instead of adding settings separately for each element (DRY principle).
  • Added - PHP Class "TotalTheme\Conditional_Logic".
  • Added - align-self utility classes
  • Added - "vcex-isotope-grids" script for theme element isotope grids.
  • Added - .product-actions element around the WooCommerce product entry add to cart button for easier styling and prevent potential flex-box issues.
  • Added - has_thumbnail_overlay WPEX_Card class method.
  • Added - window.vcexIsotopeGridFilter js function to handle filter links.
  • Added - Helper classes "wpex_get_term_color_class" and "wpex_get_term_background_color_class" which will return the classname "has-term-{term_id}-color" or "has-term-{term_id}-background-color".
  • Added - "wpex_term_colors_supported_taxonomies" filter so you can filter the taxonomies that support the new term colors functionality (by default it returns 'category' only).
  • Added - Helper functions "wpex_register_sidebar" and "wpex_register_footer_widget_area".
  • Added - Filters "wpex_sidebar_widget_class" and "wpex_footer_widget_class".
  • Added - "footer-reveal" ID to the "footer-reveal-visible" element.
  • Added - "toggle-bar-button" ID to the "toggle-bar-button" element to slim down the JS needed to swap the icons when clicking the button.
  • Added - Some javascript so when linking to WPBakery tabs the theme will scroll to the top of the tabs container with an added 20px spacing above instead of scrolling to the tab content, this way the tabs are visible to the end user which is especially useful when linking to tabs from other pages.
  • Updated - Modernized the clearfix CSS.
  • Updated - Demo Importer will now process the xml data last.
  • Updated - You can now override shape dividers via assets/shape-dividers/ in your child theme.
  • Updated - Advanced Parallax is no longer hidden (via opacity 0) until page is loaded.
  • Updated - CSS used for the products hover button placement to use transformY instead of a negative bottom position to allow for easier mods (for example adding a spacing around the button is now possible using a padding without affecting the hover effect).
  • Updated - Optimized the way the custom sticky header logo works so instead of it overriding the img src value on scroll the theme now inserts a new image tag to the header for the sticky logo and then uses CSS to show/hide the different logos.
  • Updated - WooCommerce product entry alignment now uses utility classes instead of inline CSS.
  • Updated - WooCommerce product sale badge will no longer be hidden until site is fully loaded.
  • Updated - Posts Thumbnail Grid & Users Grid widgets now uses a modern CSS grid and divs instead of a UL list.
  • Updated - The "wpex_grid_class" function has been renamed to "wpex_row_column_width_class".
  • Updated - CSS for the WooCommerce single product gallery thumbnails to use a CSS grid and greatly slim down the CSS needed to create the columns for these thumbnails.
  • Updated - Various theme functions to use $post instead of $post_id params to be more efficient.
  • Updated - TotalThemeCore\Meta\Term_Thumbnails class renamed to TotalThemeCore\Term_Thumbnails.
  • Updated - Optimized CSS used to hide stretched rows before WPBakery stretches them.
  • Updated - The outline button style now uses currentColor for the border color to slim down the CSS and so when you change the color of any outline button the border will adjust automatically.
  • Updated - The "nav-no-click" function now works with css via pointer-events instead of JS.
  • Updated - The Overlay Header Offset function for WPBakery rows to hide the row until the offset is calculated for a better initial rendering.
  • Updated - wpex_get_post_thumbnail function so if the image size being returned is not set to "full" but the width/height values are either empty or greater than or equal to 9999 to return the full image size via wp_get_attachment_image_src instead of passing the image through the cropping class. This optimizes the display of full images and provides support for the WP srcset function on non-cropped theme defined image sizes.
  • Updated - Theme javascript that uses the easing.js plugin to check and make sure the script is loaded and if it's not fallback to "swing" for the default easing. This way you can remove the script from your site if wanted without breaking local scroll functions.
  • Updated - Theme button element so if you give it a custom width the "wpex-flex-shrink-0" is also added to ensure the correct width is used when placed inside flex containers.
  • Updated - Sidr script used for the sidebar mobile menu to the non-jQuery version which also uses CSS animations instead of js.
  • Updated - Sidebar mobile menu uses prefixed classes now "sidr-right" and "sidr-left" instead of just "left" and "right" - this is part of the non-jquery updated sidr script version used in the theme.
  • Updated - Javascript used to provide keyboard support for WPBakery tabs is now conditionally loaded only if tabs exist on the page as opposed to being added to the global total.min.js file.
  • Fixed - CSS used to remove backgrounds on elements with advanced parallax not actually working.
  • Fixed - "wpex-mobile-menu-bottom" padding.
  • Removed - The "vcex_row_video" function has been deprecated.
  • Removed - The "vcex_row_overlay" function has been deprecated.
  • Removed - The "vcex_supports_advanced_parallax" function has been deprecated.
  • Removed - The "vcex_supports_shape_dividers" function has been deprecated.
  • Removed - The "vcex_parallax_bg" function has been deprecated.
  • Removed - The "vcex_offset_vc" function which was deprecated in 4.0
  • Removed - The data-style attribute added to row overlays as it wasn't being used for anything.
  • Removed - The "wpex_vc_modify_params" filter and optimized the way the theme alters WPBakery params.
  • Removed - Some old CSS that was used for overriding WooCommerce styles which is no longer needed as the theme removes the default plugin stylesheets.
  • Removed - The "match-height-content" and "match-height-grid" classes are no longer used for the WooCommerce shop.
  • Removed - window.vcexHovers js function and moved the code to wpex.hoverStyles
  • Removed - wpex_vc_add_params filter and TotalTheme\Integration\WPBakery\Add_Params and optimized the way in which the theme was adding custom parameters to default WPBakery elements.
  • Removed - margin:0 CSS from buttons as it wasn't doing anything and could conflict with some gutenberg block buttons.
  • Removed - slash at the end of self closing element tags (img, inputs, etc)
  • Removed - wpex.overlayHovers() js fuction as it's no longer needed.
  • Removed - CSS that was hiding WP video shortcode videos until the window was loaded.
  • Removed - CSS fallback colors for rgba declarations.
  • Removed - "wpex-woo-entry" classname from product entries which wasn't being used for many years now.
  • Removed - "wpex_maybe_add_woocommerce_entry_grid_class" filter no longer needed.
  • Removed - "wpex_filter_woocommerce_post_class" filter no longer needed.
  • Removed - "wpex_woocommerce_custom_post_class" filter no longer needed.
  • Removed - width "auto" property from the header logo image so that the new retina logo functionality using srcset works without having to calculate a max-height for the image.

Modified Partial Files:

  • partials/togglebar/togglebar-button.php
  • partials/overlays/title-push-up.php