support@diviexpand.com
   
  • Products3
    • WooExpand

    • MiniCart Expand

    • Before After Slider

    • Image Accordion

  • Demo3
    • WooExpand
    • MiniCart Expand
    • Before After Slider
    • Image Accordion
  • Help3
    • Contact Us
    • Documentation
    • Changelog
  • 
Bundle pack
support@diviexpand.com
   
  • Products3
    • WooExpand

    • MiniCart Expand

    • Before After Slider

    • Image Accordion

  • Demo3
    • WooExpand
    • MiniCart Expand
    • Before After Slider
    • Image Accordion
  • Help3
    • Contact Us
    • Documentation
    • Changelog
  • 
Bundle pack
  • Products3
    • WooExpand

    • MiniCart Expand

    • Before After Slider

    • Image Accordion

  • Demo3
    • WooExpand
    • MiniCart Expand
    • Before After Slider
    • Image Accordion
  • Help3
    • Contact Us
    • Documentation
    • Changelog
  • 
Bundle Pack

How can we help you?

Image Accordion & Before After Plugin

3
  • Image Accordion Module Documentation
  • Before After Module Documentation
  • How To Use Divi Before After Module from DiviExpand.

Divi Mini Cart Expand

1
  • Divi Mini Cart Expand 
  • Home
  • Docs
  • Image Accordion & Before After Plugin
  • Image Accordion Module Documentation
View Categories

Image Accordion Module Documentation

1 min read

USAGE #

The image Accordion Module helps to reveal the Image with content like Icon, Title, Subtitle, Description, and Button. This module has great features like Item Order, Light Box, Item Link, Animation Effects, etc.

ANATOMY #

image-accordion-module-anatomy
anatomy

IMAGE CHILD ITEM #

To make an Image Accordion Design user need to add a new Child Item. The user can add a new Image Child Item under the CONTENT tab in the image Accordion module.

01. IMAGE #

The image attribute of Add New Item under the CONTENT tab is a process to provide an image. Also, with this feature, you can fix background image size, position, and Image Repeating effect.

02. ICON #

The image Accordion Module helps to reveal the Image with content like Icon, Title, Subtitle, Description, and Button. This module has great features like Item Order, Light Box, Item Link, Animation Effects, etc.

03. TITLE #

The title feature of the Add New Item allows the user to design the title of a child item. Designers can modify the title font weight, style, title text alignment, color, size & shadow under this setting option. Designers can also modify the title’s letter spacing and line height in this title attribute.

04. SUBTITLE #

The title features mentioned before are also available under the subtitle feature list.

05. DESCRIPTION #

The title features mentioned before are also available under the Description feature list.

06. BUTTON #

The button features in CONTENT AREA under the CONTENT tab allowed users to create a button and link a URL with that button. Users can design that button under the DESIGN tab section. 

07. LIGHTBOX #

The lightbox feature allows users to pop up a window overlay that looks on top of a webpage and blocks some content. Users can create it by turning on the Lightbox feature under the CONTENT tab. Users can fix an icon for this attribute. He can also fix the Color and Size of that Icon.

08. ITEM LINK #

The Item Link feature allows users to go to another link. Users can fix where the URL will be open. The user must turn on the Item Link feature under the CONTENT tab to do so.

OTHER IMPORTANT FEATURES #

ACCORDION SETTINGS #

In Accordion Settings, under the CONTENT tab, the user can fix Accordion Type, Event Type, Active Item on First Time, and Active Item Order.

ANIMATION SETTINGS #

To use these Animation Settings, the user needs to turn on Enable Animation. In this feature, the user can fix the desired Content Animation like Slide Left, Slide Right, Slide Up, Slide Down, Fade, etc. Users can fix Duration and Delay in ms. Users can also turn on a feature like Enable Stagger from here. SIZING, SPACING, BORDER, BOX SHADOW, ANIMATION, and ADVANCED settings are like all the Divi default modules.

What are your Feelings
Share This Article :
  • Facebook
  • X
  • LinkedIn
Still stuck? How can we help?

How can we help?

Updated on December 8, 2022
Before After Module Documentation

Powered by BetterDocs

Table of Contents
  • USAGE
  • ANATOMY
    • IMAGE CHILD ITEM
    • 01. IMAGE
    • 02. ICON
    • 03. TITLE
    • 04. SUBTITLE
    • 05. DESCRIPTION
    • 06. BUTTON
    • 07. LIGHTBOX
    • 08. ITEM LINK
  • OTHER IMPORTANT FEATURES
    • ACCORDION SETTINGS
    • ANIMATION SETTINGS
DiviExpand offers powerful, user-friendly solutions designed to enhance Divi and WooCommerce functionality and design flexibility.
  • Follow
  • Follow
  • Follow
  • Follow

Subscribe to our newsletter

Success!

Subscribe

Company

  • HOME

  • ABOUT US

  • Contact Us

  • Documentation

Resource

  • Changelog

  • Affiliate Policy

  • Refund Policy

  • Terms of Service

  • Privacy Policy

Products

  • WooExpand

  • MiniCart Expand

  • Before After Slider

  • Image Accordion

© 2025 DiviExpand. All rights reserved.
Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.