Accordion Gallery widget let you to display accordion with featured image, title, description and button. You can easily build accordion gallery with EnterAddons.
Using Accordion Gallery Widget :
You can see the below video to get an insight into how you can use the Accordion Gallery Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Accordion Gallery Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ section you will get Accordion Gallery Content section.
After that, from ‘Accordion Gallery Content’ section, you can add gallery item list clicking with ‘ADD ITEM’ and remove gallery item list clicking with ‘X’ button respectively.
Step2
From ‘Style’ section you can stylize the widget. You will get the Wrapper Settings, Title Style, Sub Title Style, Trigger Button Style, Description Style and Button Style section respectively.
After that, from ‘Wrapper Settings’ section you can add wrapper-width, background-type, opacity, margin, padding, border-type, border-radius and box-shadow respectively in NORMAL view, and that is given below.
Then, from ‘Title style’ section you can add color, hover-color, typography, text-stroke, margin, padding, border-type, border-radius, box-shadow and background-type respectively.
After that, from ‘Sub Title Style’ section you can add color, typography, text-stroke, margin, padding, box-shadow, border-type and border-radius respectively.
Then, from ‘Trigger Button Style’ section you can add typography, margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view also like below.
Again, from this section when you click this button, it will be expanded vertically down, then description and button will be appeared, and that is shown like below.
After that, from ‘Description Style’ section you can add alignment, color, typography, margin, padding, box-shadow, border-radius, border-type and background-type respectively.
Then, from ‘Button Style’ section you can add typography, margin, padding, border-type, border-radius, box-shadow and background-type respectively.
Moreover, from this section you can see HOVER view also like below.
Step3
Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
