Advanced Views Docs
Live PlaygroundDownload PluginGet PRO
  • 💡Help Centre
  • ⚡Getting Started
    • Introduction
      • Key Aspects
      • Creating Your First View
      • Creating Your First Card
      • Plugin Terms
      • Plugin Interface
        • Field Options
    • Installation
      • Advanced Views Lite
      • Advanced Views Pro
      • Comparison Table
      • Upgrading from Lite to Pro
    • Supported data vendors
    • Starter theme
  • 🌟Display Content
    • WordPress
      • Post
      • Taxonomy terms
      • User
      • Comments
      • Menus
    • WooCommerce Product
    • Meta fields
      • Basic fields
        • Number
      • Content fields
        • Image
        • File
        • WYSIWYG
        • oEmbed
        • Gallery
      • Choice fields
        • Select/checkbox/radio
        • True / False
      • Relationship fields
        • Link
        • Post_object
        • Page Link
        • Relationship
        • Taxonomy
        • User
      • Advanced fields
        • Google Map
        • Google Map Multiple Markers
        • ACF OpenStreetMap Field
        • Date/time picker
      • Layout fields
        • Group (Pro)
        • Repeater (Pro)
        • Flexible (Pro)
    • Object fields
    • Custom Data (Pro)
    • Custom Gutenberg Blocks (Pro)
    • Mount Points (Pro)
    • Front-end assets management (Pro)
  • 🦸‍♂️Query Content
    • Basic Filters
    • Meta Filters (Pro)
      • Current Post
      • Comparison
      • Dynamic Injection
    • Taxonomy Filters (Pro)
    • Pagination (Pro)
    • Custom Data (Pro)
  • 🏆Shortcode Attributes
    • Common Arguments
    • View Shortcode
    • Card Shortcode
  • 🧙‍♂️Templates
    • Customizing the Template
    • Template engines
      • Twig
      • Blade
    • CSS & JS
      • BEM Methodology
      • WordPress Interactivity API
    • File system storage
    • Pre-built components
    • Reusable components library (Pro)
    • Live reload
    • Multilingual
    • Custom Ajax & Rest API (Pro)
  • ☕Guides
    • Display Custom Post Type (CPT) on another post
    • Display Employees (CPT) of a Company (CPT)
    • Display Nested Repeater Fields
    • Map Marker from ACF Image
    • Display all CPT items on a single map
  • 🛠️Tools
    • Export/Import
    • Demo Import
    • Settings
    • Preview
  • 🏹Troubleshooting
    • Compatibility
    • Report a bug
    • Payment Issues
    • Lite Support (Forum)
    • Pro Support
  • ⚙️Customization
    • Filters and Hooks
      • View
      • Card
    • Suggest a feature
    • Performance
Powered by GitBook
On this page
  • About the feature
  • Supported libraries and field types
  • Masonry
  • Image gallery
  • Slider/carousel
  • Lightbox (image popup)
  • Google and OpenStreet Map
  • More

Was this helpful?

  1. Display Content

Front-end assets management (Pro)

PreviousMount Points (Pro)NextBasic Filters

Last updated 1 month ago

Was this helpful?

This feature is available only in Advanced Views Pro .In Lite, you should manually download and enqueue JS libraries, and then .

About the feature

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

The Advanced Views 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 Views and Cards without any hassle.

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

Let's consider a practical example.

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

You select the in the 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 View.

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

When the View or Card 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 be filled with new vendors. All the selected JS libraries are well-known, written in pure JavaScript, and offer flexibility in their settings.

Masonry

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

Image gallery

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

Slider/carousel

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 use a slider for the Card items, which can be configured in the Layout tab of your Card settings.

Lightbox (image popup)

  • 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

More

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

Haven't found your favourite library in the list? Read or use the option to request it.

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

🌟
Macy
Flat masonry
LightGallery
Splide
LightGallery
Google
Open Street Maps
AJAX pagination feature
LightGallery library
Gallery option
suggest a feature
employ them in templates
how to enqueue a custom JS library