Front-end assets management (Pro)

This feature is available only in Advanced Views Pro . In Lite, you need to download and enqueue JS libraries manually, and then employ them in templates.

About the feature

Layouts and Post Selections such as sliders, masonry grids, or galleries, require the use of JavaScript libraries. Advanced Views Pro offers simplified assets management for these scenarios.

Advanced Views Pro comes with a set of pre-loaded JS libraries. In addition to the libraries themselves, Advanced Views knows their markup requirements and the minimal configuration they need. This allows you to easily incorporate these libraries into your Layouts and Post Selections without hassle.

A practical example.

Suppose you have an ACF gallery field and want to turn it into an inline gallery.

You select the LightGallery library in the Gallery option of the field settings. Advanced Views will automatically adjust the field's markup by adding the necessary classes and wrappers required by the LightGallery library. It will also include the minimal configuration settings for the instance in the JS code of the current Layout.

Now, if you need to, you can quickly customize this default gallery markup and the JS configuration of the inline gallery.

When the Layout or Post Selection that uses a specific JS library is displayed on a page, Advanced Views will automatically load that library on the page. This means you still have full control over the markup and JS instance settings, but you don't need to worry about library loading, reading documentation about markup requirements, or configuring the instances from scratch.

You can find the full list of pre-loaded JS libraries on this page, along with information about which field types are supported by each library.

Supported libraries and field types

Below you'll find a list of the supported libraries grouped by layout types.

The vendors listed below is subject to change and we may add new vendors without notice.

All the included JS libraries are well-known, written in pure JavaScript, and offer flexibility in their settings.

Masonry

• Macy

• Flat masonry

Supported field types: all fields that support multiple images inside, like WooCommerce Product Gallery, ACF Gallery fields, etc.

Image gallery

• LightGallery

Supported field types: all fields that support multiple images inside, like WooCommerce Product Gallery, ACF Gallery fields, etc.

Slider/carousel

• Splide

Supported field types include all fields that support multiple (non-plain) items. Examples of such fields are ACF relationship and user fields with multiple options, and Repeaters, among others. Additionally, you can enable a slider for the Layout, which can be configured in the Display Settings tab of your Post Selection.

Lightbox (image popup)

• LightGallery

• Simple (custom)

Supported field types: all image fields (like Post.FeaturedImage or ACF image), and all fields that support multiple images inside. It means, that for example, you can use Lightbox for the Masonry gallery.

Google and OpenStreet Map

The Advanced Views Pro comes with the built-in JS code to display Google and Open Street Maps. No extra library is required.

More

Haven't found your favorite library in the list? Read how to enqueue a custom JS library or use the suggest a feature option to request it.

Tip: In addition to front-end asset management, Advanced Views Pro includes a built-in AJAX pagination feature. You can enable it for any Post Selection, saving you the effort of implementing the load-more feature repeatedly.