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

Option AJAX container classname

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.

Option AJAX custom container class DOM

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

AJAX CSS3 loading animations

Instead of a loading text (see option above), ASA2 also supports CSS3 loading animations.

Options are:

Fading bars

CSS animation Fading bars

Floating circles

CSS animation Floating circles

No trespassing

CSS animation No trespassing

Circular

CSS animation Circular

Squares wave

CSS animation Squares wave