WooCommerce loads a checkout template that's refreshed via AJAX when the page loads. As a result, WPBakery shortcodes aren’t registered, so they don’t get parsed or rendered correctly. The snippet below ensures that WPBakery shortcodes are properly registered and display…
By default, the theme displays an open quote icon at the beginning of blockquote elements. You can disable this by modifying the blockquote design in the Customizer and adding a border. The theme doesn't include a closing quote to avoid…
The Total theme registers all its icons in a JSON file using the format icon_name => svg. By default, this file is located at Total/assets/icons/list.json. While you can edit this file directly, your changes will be lost when the theme…
When using the default header (not the header builder), the theme provides a Mobile Menu Breakpoint option. This controls when the theme switches from the standard menu to the mobile menu and also triggers layout changes like converting a vertical…
The Total theme lets you create AJAX filters using the Post Cards element. But what if you want to filter items dynamically based on custom URL parameters? With a bit of custom code, you can easily build a custom filter…
Various theme elements provide responsive fields for use with the WPBakery page builder. Such as the font size field or the spacing element's responsive height. While it’s generally recommended to use modern responsive units (vw, vmin, vmax) and/or the clamp()…
This snippet customizes the "From" email address used in contact form submissions. It sets the "From" header to the email address entered by the user in the contact form.
WordPress 6.8 introduces a new performance feature called speculative loading, which is enabled on all sites by default. This feature uses the browser’s Speculation Rules API to anticipate which links users might click and preloads them in the background. While…
Currently, WPBakery has a limitation where users with the Administrator role cannot set the builder to load by default when creating new posts or pages. The snippet below provides a workaround by adding the necessary redirection logic. Hopefully, a future…
The default AJAX search modal in Total features a minimal and modern entry template design that doesn't include any images in order to provide it's users with the fastest results possible. Below is a snippet showing how you can customize…