AN|DES – Before After Image Slider

Descripció

AN|DES is a responsive Before After Image Slider and Image Comparison Slider plugin for WordPress. It helps beauty salons, wellness centers, hair salons, aesthetic clinics, dentists, and other businesses present visual results clearly without writing code.

The visual editor lets you select images from the WordPress media library, configure labels and appearance, choose a layout and movement direction, and preview the result before publishing. You can create individual comparisons and comparison galleries, insert them with shortcodes, and present them across desktop, tablet, and mobile screens.

Main features

  • Visual editor for creating and managing comparisons.
  • Responsive layouts for desktop, tablet, and mobile.
  • Individual comparisons and basic comparison galleries.
  • Reusable shortcodes for pages, posts, and other areas that accept shortcodes.
  • Horizontal, vertical, and square display formats.
  • Left-to-right and top-to-bottom slider movement.
  • Configurable Before and After labels, colors, border radius, and divider appearance.
  • Image selection through the WordPress media library.
  • Admin preview and quick preview from the comparison list.
  • Notice when the two images do not share the same proportion.
  • Frontend assets load only on pages that contain a supported shortcode.

Use cases

AN|DES is designed for businesses that need to explain visual changes clearly. Beauty salons can present treatment results, hair salons can compare styles or color work, wellness and aesthetic centers can organize client-authorized images, and dental practices or other professionals can publish visual comparisons managed on their own WordPress site.

Shortcodes

[andes id="123"]

Displays one comparison. Replace 123 with the comparison ID shown in the WordPress admin.

[andes_gallery]

Displays a basic gallery of published comparisons.

Legacy aliases

[bellebefore id="123"]

[bellebefore_gallery]

These aliases remain available for compatibility with existing content.

Privacy and Client Images

AN|DES lets site owners publish before-and-after images on their own WordPress site. If images include identifiable people, the site owner is responsible for having the appropriate permission to publish them.

AN|DES does not send client images or usage data to BelleWeb or other external servers. Images remain in the WordPress media library and are handled by the website owner’s WordPress installation. The plugin does not include telemetry or load remote SDKs or resources.

Captures

Instal·lació

  1. Upload the andes-de-belleweb folder to the /wp-content/plugins/ directory.
  2. Activate AN|DES from the WordPress Plugins screen.
  3. Create a comparison from the AN|DES menu in the WordPress admin.
  4. Add [andes id="123"] to a page, replacing 123 with the comparison ID.
  5. Add [andes_gallery] to display a basic gallery of published comparisons.

PMF

What can I create with AN|DES?

You can create individual before-and-after comparisons and basic galleries of published comparisons.

Do I need to write code?

No. Configure the comparison in the visual editor, then insert it where you want it with a shortcode.

Is the comparison responsive?

Yes. The comparison adapts to desktop, tablet, and mobile screens.

How do I add a comparison to a page?

Add [andes id="123"] to a page, post, or other area that accepts shortcodes, replacing 123 with the comparison ID shown in the WordPress admin.

Are the old BelleBefore shortcodes still supported?

Yes. [bellebefore id="123"] and [bellebefore_gallery] remain available as compatibility aliases for existing content.

Does AN|DES send client images or usage data to BelleWeb?

No. AN|DES does not send client images or usage data to BelleWeb. Images remain in the WordPress media library and are handled by the website owner’s WordPress installation.

Can I use different colors for each comparison?

In this Lite version, visual colors and slider style settings are global and apply to all comparisons.

Does it include a reminder about client image authorization?

Yes. The admin interface includes a discreet reminder to make sure you have permission before publishing client images.

Ressenyes

Llegiu tota la 1 ressenya

Col·laboradors i desenvolupadors

«AN|DES – Before After Image Slider» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió.

Col·laboradors

“AN|DES – Before After Image Slider” s’ha traduït a 1 configuració regional. Gràcies als traductors per les seves aportacions.

Traduïu «AN|DES – Before After Image Slider» a la vostra llengua.

Interessats en el desenvolupament?

Navegueu pel codi, baixeu-vos el repositori SVN, o subscriviu-vos al registre de desenvolupament per fisl de subscripció RSS.

Registre de canvis

0.1.26

  • Improved the WordPress.org description, FAQ, shortcode formatting, and screenshot captions.

0.1.25

  • Improved the public plugin name and description for clearer discovery in the WordPress.org directory.

0.1.24

  • Fixed the admin dashboard responsive layout.

0.1.23

  • Refined the WordPress.org plugin description.

0.1.22

  • Updated source strings for WordPress.org translations.

0.1.21

  • Improved WordPress.org discovery tags.

0.1.20

  • Restored the real AN|DES SVG icon in the WordPress admin menu.

0.1.19

  • Fixed readme formatting for the public plugin page.
  • Updated the admin menu icon to use a clean monochrome SVG.
  • Added activate and deactivate actions for comparisons using native WordPress publish and draft statuses.

0.1.18

  • Removed unused internal gallery query logic from the Lite distribution.

0.1.17

  • Added a defer loading strategy to the frontend slider script.

0.1.16

  • Removed unused admin screen remnants from the Lite distribution.

0.1.15

  • Addressed WordPress.org pre-review feedback.

0.1.14

  • Fixed frontend image layer alignment by rendering comparison images at full size and locking both slider layers to identical layout rules.

0.1.13

  • Cleaned up remaining Plugin Check variable prefix warnings.

0.1.12

  • Updated the WordPress.org text domain and package root to match the assigned plugin slug.
  • Updated the WordPress.org readme to English.
  • Fixed Plugin Check blocking issues for the admin copy module and frontend asset detection.

0.1.11

  • Minor welcome screen alignment and overflow fixes before WordPress.org review.

0.1.10

  • Minor adjustments before WordPress.org review.

0.1.9

  • Redesigned the admin experience for clearer before-and-after creation.
  • Reorganized the editor with preview, format, slider movement, and global slider style settings.
  • Focused the Lite experience on creating and publishing complete before-and-after comparisons.
  • Improved buttons, color palette, and slider color preview.
  • Maintained compatibility for new shortcodes and legacy aliases.

0.1.8

  • Added square visual-format cards.

0.1.7

  • Fixed primary button visibility on the welcome screen.

0.1.6

  • Restored the previous data and visual-format section.

0.1.5

  • Stopped showing the internal comparison name automatically on the frontend.

0.1.4

  • Reorganized the initial editor section into two real columns.

0.1.3

  • Adjusted the format selector into a two-column text and image composition.

0.1.2

  • Redesigned the visual format selector in the editor.

0.1.1

  • Admin visual adjustments and asset versioning for QA.

0.1.0

  • Initial plugin base with individual shortcode and basic gallery.