Creating Flyout Menus In Avada Layouts Video

Creating Flyout Menus In Avada Layouts Video

In this video, we walk you through creating flyout menus in a header layout section in Avada layouts.,Useful Links:
Avada Layouts – http://bit.ly/38hWLfc

Understanding Header Layouts – https://bit.ly/2I5nTGv

How To Build A Header Layout From Scratch – https://bit.ly/2I4Ltmx

How To Use The Menu Element – https://bit.ly/2YB2D0q

Purchase your next copy of Avada – https://bit.ly/39qD1WM

Avada Quick Start Guide – http://bit.ly/32g2D6Q

Avada Documentation – http://bit.ly/2TyzQof

Need support? – http://bit.ly/2YwqsX2

Set Up an Avada Multilingual Website With WPML or Polylang

Set Up an Avada Multilingual Website With WPML or Polylang

To set up a multilingual site, all you need is Avada and your choice of translation plugin. There are many to choose from, and WPML and Polylang are two of the most popular. Read on to find out how to turn your site into a multilingual masterpiece.,WPMLWPML (The WordPress Multilingual Plugin) is one of the most popular translation plugins for WordPress. With WPML you can translate pages, posts, custom types, taxonomy, menus and even the theme』s text. We work directly with the WPML team to guarantee 100% compatibility between Avada and the WPML plugin.
Documentation & ResourcesBelow you will find documentation the WPML team has created, for using the WPML plugin specifically with Avada. If you』ve purchased WPML and have any questions or issues, please check the links below.
WPML Getting Started Guide – This explains how to use WPML to translate the site, as you are building it
WPML Plugin –The highly recommended plugin to manage multi-lingual sites

WPML Avada Documentation – This is created by the WPML developers and is specifically catered to Avada

WPML Forum Support – If you bought WPML then you get free support from their amazing team

Translating Widgets – Tutorial recommended by WPML team for translating widgets

Avada Global Options – How to set different theme options with WPML
Purchase WPML and Get Started,PolylangPolylang is another free plugin that allows you to create a bilingual or multilingual WordPress site. Below you will find documentation that the Polylang team created for using the Polylang plugin. If you』ve purchased Polylang and have any questions or issues, please check the links below.
Polylang Plugin – The plugin site for Polylang.Polylang Documentation – This is the Polylang documentation. If you have any questions, please visit this link.Polylang Support Forum – For support from the Polylang author, visit the link.
Avada Global Options – How to set different global options for Polylang.
Download Polylang and Get Started

How To Build Custom Single Product Layouts With Avada & WooCommerce Video

How To Build Custom Single Product Layouts With Avada & WooCommerce Video

In this video, we look at how you can create single product layouts for your WooCommerce products, as part of the Avada WooCommerce Builder.,Useful Links:
Purchase your next copy of Avada – http://bit.ly/39qD1WM
The Avada WooCommerce Builder Doc – http://bit.ly/3nIp6mR
Introducing Avada Layouts – https://bit.ly/3fb360c
How To Use WooCommerce Attribute Swatches – http://bit.ly/36FgeYp
REM Units – https://www.sitepoint.com/understanding-and-using-rem-units-in-css/

How To Use Post Cards In Avada – https://bit.ly/3dc4Gj5

How To Build A Custom Shop With Avada & WooCommerce – https://bit.ly/3mAvsVt

How To Build A Custom Cart  With Avada & WooCommerce – https://bit.ly/3cXmmyZ

How To Build A Custom Checkout With Avada & WooCommerce – https://bit.ly/2PHg9y7

Avada Quick Start Guide – http://bit.ly/32g2D6Q

Avada Documentation – http://bit.ly/2TyzQof

Need support? – http://bit.ly/2njyfVo

Avada Live Local Options Management Video

Avada Live Local Options Management Video

This video takes you through the local options management in Avada Live.,Useful Links:
Avada Live Local Options Management – https://bit.ly/37TILLB

Purchase your next copy of Avada – https://bit.ly/39qD1WM

Avada Quick Start Guide – http://bit.ly/32g2D6Q

Avada Documentation – http://bit.ly/2TyzQof

Need support? – http://bit.ly/2YwqsX2

Is Your Site Running Slow?

Is Your Site Running Slow?

If your site is not running as fast as you』d like, there could be a few different issues. Our live demo is a representation of how fast your site could be. Results will vary though, depending on the items below. This post will outline the common issues that can slow down your site, and some of the steps you can take to speed it up.
PluginsPlugins are one of the awesome aspects of WordPress. We can find a plugin that does a specific job, install it, and have that functionality out of the box. But plugins do add to the number of requests the site makes when loading a page, so it』s best to be prudent when adding new plugins.
There is no specific number of plugins that will affect the speed of your site. It』s usually not too many plugins that cause problems on your website, but instead poorly coded ones. Poorly coded plugins can cause websites to crash, affect page speed, and introduce security risks, so they can often be the weakest link. Don』t just add plugins randomly without careful evaluation of their quality.
The basic rule of thumb when adding plugins to your site is only to add a plugin if you really need that functionality. And then, choose wisely from the repository. There is a great review system to help you, so it makes sense to choose plugins from well respected plugin authors and ones that get 5 stars and great reviews.
Finally, make sure you review your site regularly, removing any plugins you are not using, including inactive ones and keep all plugins updated at all times.
Use A Caching PluginOne plugin that should be high on your list is a caching plugin. Caching plugins are created to help speed up your site. Your site』s loading time will certainly decrease when you use one. They can be difficult to configure, but a well configured caching plugin will definitely shave some time off your page loading times.
There are many different caching plugins on the market; many are free and some are premium. In addition, your host may or may not allowed certain ones due to their own caching system. So there is not one solution for all. For more details on cache plugins please follow the link below.
Learn How To Use Caching PluginsImages / ContentIt is very critical that your images be optimized for the web. This is one of the most common reasons for slow websites. Having images larger than they need to be in file size, can drastically slow down your site speed. Also, it is equally important not to upload larger images than what is needed. For example, if you have an image that needs to be a featured blog image that will have a sidebar, then the image area is only about 670px wide. Determine the required size of your images based on the width of your site, as set in the Theme Options. We also recommend using an image editing tool like Photoshop to 「Save For Web」 to optimize images and reduce the overall file size.
A great tool to compress JPEGs and PNGs files is Compressor.io, it allows you to easily upload a file and then will auto compress it for you. There are also Image Optimization plugins such as ShortPixel and reSmush.it which can further optimize your images.
Read Our Comprehensive Guide On Image OptimizationServer / HostingSometimes slow speed can be a result of your hosting service. Some shared hosting services can be overcrowded and have a direct effect on speed. This is a very broad topic, but it is a simple fact, that some hosts are better than others. If you have checked the above two items and the site is still slow, the most likely it is a server/hosting issue. Contact your host and discuss it with them.
Enable / Disable Avada FeaturesWe include several options to disable theme features in the Avada > Theme Options > Advanced > Theme Features tab. If you know you won』t be using certain features on a website, then disabling them can have a small effect on load times.
With Avada 5.8, we have also implemented a range of new performance features. For a full rundown of the update, see What』s New in Avada 5.8. Many are behind the scenes, like Lazy Load, but there are also a few direct new performance features you can enable, like the new PWA plugin, which provides enhanced caching strategies, Font Face rendering, Emojis script disabling, and the existing feature, Dynamic CSS & JS.
Consider a CDNYour site may benefit from a CDN (Content Delivery Network), like Cloudflare. CDNs utilize their own servers which are located in between the origin infrastructure (server where the content is actually located) and the end users. CDNs cache content in servers that are located closer to the end user, which means faster access as the distance to traverse is shorter.
Consult A Performance Testing WebsiteThere are a range of website performance testing services available. These sites can analyse your site』s loading time and pinpoint the specific issues you need to address to speed up your loading time. We have recently published a series of documents on the leading Performance Testing websites. For specific information on each one, please see our Performance Testing Using Google PageSpeed Insights, Performance Testing Using Pingdom, Performance Testing Using GTmetrix, and Performance Testing Using WebPageTest documents.

Google Conversion Tracking With The Button Element

Google Conversion Tracking With The Button Element

If you are a Google Analytics user, you can now use conversion tracking through the Button Element to track when someone clicks on a button on your website. Read on…
Read More About The Button Element!Setting Up The ButtonThe first step to set up conversion tracking is to add a custom attribute to the Button Element when you add it to the page. Add this in the 『Button Additional Attributes Field』 (customizing it for your URL):
Copy to Clipboarddata-ga-url='https://example.com/your-link' 1data-ga-url='https://example.com/your-link'Add Script To Theme OptionsThe second step is to add this script to the Advanced > Code Fileds (Tracking etc.) > Space before   Theme Options field:
Copy to Clipboard
jQuery( document ).ready( function() {
var $buttons = jQuery( '.fusion-button[data-ga-url]' );

jQuery.each( $buttons, function( index, element ) {
jQuery( element ).attr( 'onclick', 'return gtag_report_conversion('' + jQuery( element ).data( 'ga-url' ) + '');' );

} );

} );
​x 12 jQuery( document ).ready( function() {3 var $buttons = jQuery( '.fusion-button[data-ga-url]' );4​5 jQuery.each( $buttons, function( index, element ) {6 jQuery( element ).attr( 'onclick', 'return gtag_report_conversion('' + jQuery( element ).data( 'ga-url' ) + '');' );7​8 } );9​10 } );11That』s it! Your button is now set up to track conversions vis Google Analytics. For more general information on tracking clicks on your website as conversions see this Google article.

Automatic Translation Updates

Automatic Translation Updates

New in Avada 6.1, we now offer automatic translation updates.
Any time there is an updated translation, you will be notified in the Dashboard > Updates area, and you just need to click the 『Update Translations』 button, which will update the language files of Avada theme and plugins, for which newer translations are available.
When there is a theme update, it works a little differently. If you update Avada, then once the theme update is complete, you will see the 『Update Translations』 button at the bottom of the Updates screen. This is because the translations for a theme update can only be installed AFTER the update is complete. You can download the language updates for Avada at that time, however, if you continue directly to updating the required plugins, as is usually the next step when updating Avada, WordPress updates the Avada theme language files automatically.
Then, when the plugins have been updated, again you will again see an 『Update Translations』 button at the bottom of the Update screen. This time, they are the updated translations for the Avada Core and Avada Builder plugins. Just click Update, and they will also be updated automatically.
Please note, that custom translation files in wp-content/languages/plugins and wp-content/languages/themes will get overwritten on update – just like it happens for all other WP plugins & themes.
If you have translations for your own language, you should contribute these translations, either by submitting a Pull Request in our repository or by sending an email to support, who will take care of the submission for you.
In essence, our products now work just like plugins/themes hosted in the wordpress.org repository:

translations & updates are handled automatically.
users contribute translations.

Don』t Want Automatic Updates?No problem. In Avada 6.1.1, we have added an option to Enable or Disable the Language updates. This can be found at the top of the Theme Features tab, found at Theme Options > Advanced > Theme Features. Just set your preference there. The default is Enabled.

Is Your Slider Not Showing On Mobile Devices?

Is Your Slider Not Showing On Mobile Devices?

If you have noticed that your slider is not responsive on mobile devices, then chances are you have either a 「fallback image」 inserted in page options, or you have a missing image in one of your sliders.
A fallback image is used to override the slider to show a single static image, and a missing image can prohibit some sliders from running correctly.
If a self-hosted or YouTube video is added to the Fusion Slide and the preview URL/fallback image is missing, the slide can also not show.
1. Make sure you do not have ANY missing images in the slider, all sublayers/backgrounds that have images must have correct URL』s.
2. Check for a fallback image inserted in the page options, it will override a responsive slider. See the image below for a visual representation.

Google Fonts Diacritics

Google Fonts Diacritics

Diacritics is a scripting type which is not supported by Google web fonts. Because of this, those letters will render as the fallback font and not in the font selected by the user. These characters may look like they』re bold, but in fact, that』s just the default style of Diacritics.
To solve this issue, please select a different font and see if the new font renders the diacritics in a better manner.
To learn more about this occurrence, please read this in-depth article.