Accordion Gallerydisplay Your Images In Vertical Strips

Description

Make your important content readable to the user with Accordion Elementor Widget on your pages without scrolling down. Customize Accordion # Content#. JQuery Accordion Slideshow is another slideshow plugin for WordPress with accordion effect using famous jQuery JavaScript. Using this WordPress plugin we can easily create horizontal accordion image slideshow. We can customize the timeout between the slides and trigger option in plugin administrator section. After uploading all your images, click on “Save” button and provide a custom name for your theme. Step 2 – Adding CSS Code If you want to add the slider only on particular pages then add the below CSS code under “Pages Choose the page SEO Settings Header Code” section of the required pages.

Accordions is easy and powerful tool to create accordion, faq, tabs, tab content, frequently asked question, knowledge base, question & answer section, WooCommerce FAQ tabs and many other way to use this plugin. supper easy to customize looks and feel, changing color, font size of content, choosing accordion icons was never easy before.

Accordions by http://pickplugins.com

Plugin Features

Unlimited Accordion & Tabs
You can created unlimited accordion and tabs via this plugin, we never limit your count.

Display via Shortcode
Accordion and tabs can be display anywhere via shortcode under page, post content, sidebar via widgets and page builder
widgets and elements and gutenberg blocks as well. we provided and extra shortcode [accordions_pplugins] to avoid 3rd party conflict.

Lazy Load
Lazy load is very useful and hide content on page load, you can enable to disable this option.

Responsive Accordion and Tabs
We used jQuery UI library to generate accordion and tabs, which is super responsive in any device.

Custom icons
You can set your own icons for accordion header icons, we used fontawesome as font icons, you can change default and
activate icon as well, changing default color, hover color, font size is also available.

Accordion Gallerydisplay Your Images In Vertical Strips Around

Header style
You can style header as your own, there is planty of option available to style accordion header font size, default text
color, activate text color, hover text color, default background color, activate background color and changing header
padding and margins.

Content Style
You can style accordion content as you needs by changing accordion font size, font color, background color, padding and
margin

Container Style
You can change container background color, background image, text align and padding.

Content Editing
You can create accordion content with WP Editor, you can add text, image andother media like youtube video, self hosted
video and etc. Section can be drag & drop sorting. delete any section without
loading the page and can hide without deleting it on front-end.

Import 3rd party plugin data
You can import accordion and tabs data from 3rd party plugin source.

Premium Features

Accordion Gallerydisplay Your Images In Vertical Strips

Nested/multi level accordion
You can create multi level or nested accordion with unlimited level, nested accordion can customize as you want.

Gallerydisplay

Click header to scroll top
WHen user click to accordion header it will scroll to top.

Accordion gallerydisplay your images in vertical strips attached

Header text toggle
You can display toggle text when clicked on header

Display expand/collapse all button
You can display expand/collapse all button to expand or collapsed at once. you can also set custom text for expand/collapse all button and add custom background color.

Open/Active accordion by url Parameter
You can enable active or open accordion by url parameter, ex: yourdomain.com/accordion-page/?active_index=83|1,2
you display multiple or keep open multiple by providing multiple argument like this yourdomain.com/accordion-page/?active_index=83|1,2-84|1,3

Open/Active accordion by url hash
You can enable active or open accordion by url hash, ex: yourdomain.com/accordion-page#headerID

Header click track & stats
You can track click on accordion header.

Header background image
You can set custom background image and color for each header.

Active accordion on page load

You can choose header to active on page load,

Enable search
You can display search input field to enable search though accordion content. also custom placeholder text for search input field avilable.

Vertical Tabs
You can display vertical style tabs.

Installation

  1. Install as regular WordPress plugin.
  2. Go your plugin setting via WordPress Dashboard and find “Accordions” activate it.

After activate plugin you will see “Accordions” menu at left side on WordPress dashboard click “New Accordions” and use the options field “Accordions Options”

How to use on page or post
When accordions options setup done please publish accordions

Gallerydisplay

and then copy shortcode from top of Accordions Options[accordions ]

then paste this shortcode anywhere in your page to display accordions

Reviews

jQuery Accordion Slideshow is another slideshow plugin for WordPress with accordion effect using famous jQuery JavaScript. Using this WordPress plugin we can easily create horizontal accordion image slideshow. We can customize the timeout between the slides and trigger option in plugin administrator section.

What is Accordion? Accordion is a web control that allows you to provide multiple panes and display them one at a time. It is like having several collapsible panels where only one can be expanded at a time. See the plugin Live Demo below.

Features of this plugin

  • Option to set timeout between slide.
  • Pause on hover.
  • Option to set With/Height.

Live demo

How to add gallery in the Posts or Pages? Copy and paste the given short code into pages or posts. Short code available below.

[jquery-accordion gallery='GALLERY1']

In the short code, GALLERY1 is the name of the gallery. This option available in the plugin admin page.

Installation instruction

  • Download the plugin jquery-accordion-slideshow.zip from download location.
  • Go to add new menu under plugins tab in your word-press admin.
  • Select upload link (top link menu).
  • Upload the available jquery-accordion-slideshow.zip file and click install now.
  • Finally click activate plug-in link to activate the plug-in.

Frequently Asked Questions

Q1. How to upload my image?

After activated the plugin in default it will fetch images from the below location.

wp-content/plugins/jquery-accordion-slideshow/gallery1/

You have to change this folder location to your original location. (Best practice is don’t upload your original images into this default folder instead you change this default path to original path

Q2. I can’t see my images in the front end?

Make sure the directory name is entered correctly on the admin page. And don’t forgot the last slash (i.e. the folder path must end with slash)

Q3. Where is this plugin admin option?

Go to Administration => Setting Menu => jQuery accordion slideshow

Q4. Is this plugin uses the jQuery script?

Yes, this plugin have separate jQuery script to render the slideshow in the page.

Admin Screen

Accordion

Accordion Gallerydisplay Your Images In Vertical Strips Attached

Plugin official page

Accordion Gallerydisplay Your Images In Vertical Strips Without

Download Location