AJAX¶
Activate AJAX¶
This options activates the AJAX mode globally. Every embedded product be loaded via AJAX to improve page loading speed, if you do not use the Products or template cache.
Note
It is recommended to use the Products (with optional server side refreshing) and the template cache instead of the AJAX mode.
Container class name¶
The AJAX mode uses containers to load the product tempalte into via AJAX. The CSS class name of those containers can be customized by using this option. If you leave this option blank, the default container class name is “asa2_ajax_container”.
As you can see on the screenshot, every AJAX container also has an individual id property with a “asa2-” prefix.
Container tag¶
You can decide which kind of HTML tag should be used for the AJAX container.
Options are:
div (default)
span
p
Custom loading text¶
Here you can enter a custom text to be displayed while the AJAX content is being loaded. If you leave this text field blank, the default loading text is “Loading …”.
If you use the option “CSS3 loading animation” (see below), the loading text will not be shown.
CSS3 loading animation¶
Instead of a loading text (see option above), ASA2 also supports CSS3 loading animations.
Options are:
Fading bars¶
Floating circles¶
No trespassing¶
Circular¶
Squares wave¶
