Skip to content

Effect List

Effect List is where you choose an effect. The 24 built-in effects are presented as cards with a preview image, name, demo link and feature badges — click Apply Effect to apply one to the current module.

Open it via Effects → Effect List in the management area.

Page Overview

The list has two columns — Effect Information and Action. Each card contains:

ElementDescription
PreviewEffect thumbnail (200px, from the effect folder's preview.jpg)
Effect namee.g. Effect_01_SlideShow_H, matching the effect folder name
Theme buttonShown only for the currently selected effect (e.g. Theme_01_Default); jumps straight to Effect Options
Demo Url buttonOpens the official demo of the effect in a new window (a few newer effects have no demo link)
Feature badgesCapability badges — see the table below
Apply Effect buttonApplies the effect to the current module instance

The effect in use shows a red, disabled Selected Effect button on the right; all others show a green Apply Effect.

Feature Badges

BadgeMeaning
ResponsiveResponsive layout for desktop/tablet/mobile
PagerPagination support (configurable page size)
GroupsGroup support (group filters, tabs, etc.)
AjaxItems are loaded via Ajax (load more on scroll/click)
LayersLayer management — an item can contain multiple layers

Badges by effect:

FeatureEffects
PagerIsotope, FlipBox, PhotoGallery, FAQ, Pricing, Socialsider, ComingSoon, ImageCarousel
GroupsIsotope, FAQ, ImageCarousel
AjaxIsotope, TransBanner, ImageCarousel, History
LayersHistory

(All effects are Responsive.)

Choosing an Effect

  1. Browse the cards and click Demo Url to preview the effect live;
  2. Click Apply Effect on the target effect;
  3. You are taken to Effect Options to pick a theme and adjust parameters.

TIP

When switching effects, common fields of existing items (title, description, images) carry over — no re-entry needed. See Effect Overview for effect details.

Built with VitePress