內容簡介
Before After Image 外掛讓訪客可以拖動滑塊，並並排比較兩張圖片。它提供多種使用方式，適合各種網站需求，提升用戶互動性。
【主要功能】
• 獨立使用短碼，Elementor 和 WooCommerce 為選擇性
• WooCommerce 產品整合，具每個產品設定
• Elementor 小工具，完全樣式控制
• 水平與垂直方向選擇
• 拖曳或滑鼠懸停移動滑塊
• 可自訂的前後標籤
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Before After Image lets visitors drag a handle to compare two images side-by-side.
Works in three ways — use whichever fits your site:
Shortcode — You can you shortcodes on any post or page. Use the built-in shortcode builder to generate shortcodes easily.
Elementor widget — drag and drop the widget onto any page with full style controls.
WooCommerce — attach a before/after comparison to any product directly from the product editor.
View Demo
Full usage instructions, shortcode options, and WooCommerce setup steps are available inside the plugin under the Before After Image menu.
Key Features
Works standalone via shortcode — Elementor and WooCommerce are both optional
WooCommerce product integration with per-product settings
Elementor widget with full style controls
Horizontal and vertical orientation
Handle movement by drag or mouse hover
Customisable before/after labels (on hover, always, or never)
Enable/disable overlay
Default handle offset position
Six handle styles
Handle types: Arrows or Text
Slider colour — white or black (line, handle, and arrows)
Image size option
Typography and colour options (Elementor)
Touch and pointer-event support
Before After Image Pro
Want more features? Check out Before After Image Pro:
Auto-Slide Animation — Grab attention with an automatically sweeping handle. Configure speed and pause-on-hover behavior.
3-Image Comparison — Show before, during, and after with two draggable handles.
Full-Screen View — Let visitors zoom in with a button to expand the slider to full screen.
Custom Colors — Fine-tune the line, circle, and arrows independently to match your brand.
Rounded Corners — Add subtle to fully rounded corners for a polished look.
Shortcode Manager — Save and reuse slider configurations with [mbai_preset id="..."] shortcodes.
Premium Support — Get priority support and automatic updates.
Get Before After Image Pro
