Module Demo – DP Image Accordion

The DP Image Accordion Module allows you to display all your images on your website with enticing hover/click animation and effects. You are free to add as many items as you need, as long as you provide them with icons, images, titles, descriptions, buttons, and links. This module ensures the perfect quality of images, combining them with accordion effects that add interactivity from websites.

DP Image Accordion 1

[dipl_image_accordion inactive_state=”on|off” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” title_font_size=”35px” desc_text_text_color=”#FFFFFF” desc_text_font_size=”18px” global_colors_info=”{}”][dipl_image_accordion_item title=”Lorem Ipsum” accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/planting-trees-HUMVMND.jpg” active_accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/aerial-shot-of-forest-landscape-PX62XLX.jpg” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/dipl_image_accordion_item][/dipl_image_accordion]

DP Image Accordion 2

[dipl_image_accordion accordion_trigger=”click” inactive_state=”on|off” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” title_font_size=”35px” desc_text_text_color=”#FFFFFF” desc_text_font_size=”18px” global_colors_info=”{}”][dipl_image_accordion_item title=”Lorem Ipsum” accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/planting-trees-HUMVMND.jpg” active_accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/aerial-shot-of-forest-landscape-PX62XLX.jpg” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/dipl_image_accordion_item][/dipl_image_accordion]

DP Image Accordion 3

[dipl_image_accordion inactive_state=”on|off” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” title_font_size=”35px” desc_text_text_color=”#FFFFFF” desc_text_font_size=”18px” global_colors_info=”{}”][dipl_image_accordion_item title=”Lorem Ipsum” accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/planting-trees-HUMVMND.jpg” active_accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/aerial-shot-of-forest-landscape-PX62XLX.jpg” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/dipl_image_accordion_item][dipl_image_accordion_item title=”Lorem Ipsum” accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/aerial-shot-of-forest-landscape-PX62XLX.jpg” active_accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/dipl_image_accordion_item][/dipl_image_accordion]

DP Image Accordion 4

[dipl_image_accordion accordion_trigger=”click” inactive_state=”on|off” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” title_font_size=”35px” desc_text_text_color=”#FFFFFF” desc_text_font_size=”18px” global_colors_info=”{}”][dipl_image_accordion_item title=”Lorem Ipsum” accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/planting-trees-HUMVMND.jpg” active_accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/aerial-shot-of-forest-landscape-PX62XLX.jpg” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/dipl_image_accordion_item][dipl_image_accordion_item title=”Lorem Ipsum” accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/07/aerial-shot-of-forest-landscape-PX62XLX.jpg” active_accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/dipl_image_accordion_item][/dipl_image_accordion]

DP Image Accordion with Border 

[dipl_image_accordion accordion_trigger=”click” _builder_version=”4.16″ _module_preset=”default” border_width_all=”5px” border_color_all=”#44580E” global_colors_info=”{}”][dipl_image_accordion_item title=”Lorem Ispum” accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/03/future-green-energy-PSYPTAP-copy.jpg” active_accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” title_font_size=”30px” desc_text_text_color=”#FFFFFF” desc_text_font_size=”18px” global_colors_info=”{}”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/dipl_image_accordion_item][/dipl_image_accordion]

DP Image Accordion Border and Shadow 1

[dipl_image_accordion _builder_version=”4.16″ _module_preset=”default” border_width_all=”5px” border_color_all=”#44580E” box_shadow_style=”preset4″ global_colors_info=”{}”][dipl_image_accordion_item title=”Lorem Ispum” accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/03/future-green-energy-PSYPTAP-copy.jpg” active_accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” title_font_size=”30px” desc_text_text_color=”#FFFFFF” desc_text_font_size=”18px” global_colors_info=”{}”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/dipl_image_accordion_item][/dipl_image_accordion]

DP Image Accordion Border and Shadow 2

[dipl_image_accordion accordion_trigger=”click” _builder_version=”4.16″ _module_preset=”default” border_width_all=”5px” border_color_all=”#44580E” box_shadow_style=”preset4″ global_colors_info=”{}”][dipl_image_accordion_item title=”Lorem Ispum” accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/03/future-green-energy-PSYPTAP-copy.jpg” active_accordion_bg_image=”https://pressific.com/wp-content/uploads/2021/03/forest-and-lake-7KLSNDY-copy.jpg” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” title_font_size=”30px” desc_text_text_color=”#FFFFFF” desc_text_font_size=”18px” global_colors_info=”{}”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/dipl_image_accordion_item][/dipl_image_accordion]

If you want to showcase your business in a cool, interactive way, feel free to check out Divi Extended.

More Module Demos

The plugins needed for this feature are included when we build websites.

With Pressific, your website comes fully equipped with a range of licensed premium plugins and is ensured perpetual renewal and maintenance while hosted with us.