Accordion Slider

Accordion Slider 2017-02-13T15:06:49+00:00

[av_slideshow_accordion slide_type='image-based' link='category' items='5' offset='0' size='magazine' autoplay='false' interval='5' title='active' accordion_align='av-accordion-text-center' custom_title_size='20' custom_excerpt_size="]
[av_slide_accordion id='871' title='MacBook Pro' link='lightbox' link_target="][/av_slide_accordion]
[av_slide_accordion id='870' title='Pen and Paper' link='lightbox' link_target="][/av_slide_accordion]
[av_slide_accordion id='869' title='Cool Glasses' link='lightbox' link_target="][/av_slide_accordion]
[av_slide_accordion id='868' title='Diet Pills' link='lightbox' link_target="][/av_slide_accordion]
[av_slide_accordion id='867' title='Closed MacBook' link='lightbox' link_target="][/av_slide_accordion]
[av_slide_accordion id='866' title='Small Green' link='lightbox' link_target="][/av_slide_accordion]
[av_slide_accordion id='865' title='iPad Power' link='lightbox' link_target="][/av_slide_accordion]
[/av_slideshow_accordion]

[av_one_full first min_height=" vertical_alignment=" space=" custom_margin=" margin='0px' padding='0px' border=" border_color=" radius='0px' background_color=" src=" background_position='top left' background_repeat='no-repeat' animation=" mobile_display="]

[av_heading tag='h1' padding='0' heading='Accordion Slider' color='custom-color-heading' style='blockquote modern-quote' custom_font='#000000' size='40' subheading_active=" subheading_size='15' custom_class=" admin_preview_bg="][/av_heading]

[av_textblock size=" font_color=" color=" admin_preview_bg='rgb(255, 255, 255)']
The accordion slider is either a full width element (as seen above) if placed at the top level of your advanced layout builder canvas, or when placed inside a column or section, an element that stretches as wide as the parent element is. (as seen below)
[/av_textblock]

[av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color=" custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color=" icon='ue808' font='entypo-fontello' admin_preview_bg="]

[av_slideshow_accordion slide_type='image-based' link='category' items='5' offset='0' size='magazine' autoplay='false' interval='5' title='active' accordion_align='av-accordion-text-center' custom_title_size='20' custom_excerpt_size="]
[av_slide_accordion id='867'][/av_slide_accordion]
[av_slide_accordion id='866'][/av_slide_accordion]
[av_slide_accordion id='865'][/av_slide_accordion]
[av_slide_accordion id='864'][/av_slide_accordion]
[av_slide_accordion id='863'][/av_slide_accordion]
[/av_slideshow_accordion]

[av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color=" custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color=" icon='ue808' font='entypo-fontello' admin_preview_bg="]

[av_textblock size=" font_color=" color=" admin_preview_bg='rgb(255, 255, 255)']
Accordion slides got a setting for auto rotation, as well as some settings for caption and excerpts. You can place as many images as you like but in general 2-7 is a good idea 😉
[/av_textblock]

[av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color=" custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color=" icon='ue808' font='entypo-fontello' admin_preview_bg="]

[av_slideshow_accordion slide_type='image-based' link='category' items='5' offset='0' size='featured' autoplay='false' interval='5' title='active' accordion_align='av-accordion-text-center' custom_title_size='20' custom_excerpt_size="]
[av_slide_accordion id='1183'][/av_slide_accordion]
[av_slide_accordion id='1057'][/av_slide_accordion]
[av_slide_accordion id='480'][/av_slide_accordion]
[/av_slideshow_accordion]

[av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color=" custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color=" icon='ue808' font='entypo-fontello' admin_preview_bg="]

[av_heading tag='h1' padding='0' heading='Entry Based Accordion Slider' color='custom-color-heading' style='blockquote modern-quote' custom_font='#000000' size='40' subheading_active=" subheading_size='15' custom_class=" admin_preview_bg="][/av_heading]

[av_textblock size=" font_color=" color=" admin_preview_bg='rgb(255, 255, 255)']
You can also place accordion sliders that are based on entries like blog, portfolio or even WooCommerce products. Display any number of posts this way in a unique and modern way. Displayed below are a few portfolio entries:
[/av_textblock]

[av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color=" custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color=" icon='ue808' font='entypo-fontello' admin_preview_bg="]

[av_slideshow_accordion slide_type='entry-based' link='portfolio_entries' items='4' offset='0' size='magazine' autoplay='false' interval='5' title='active' accordion_align='av-accordion-text-center' custom_title_size='20' custom_excerpt_size='13']
[av_slide_accordion id='1183' title=" link=" link_target="][/av_slide_accordion]
[av_slide_accordion id='1057' title=" link=" link_target="][/av_slide_accordion]
[av_slide_accordion id='480' title=" link=" link_target="][/av_slide_accordion]
[/av_slideshow_accordion]

[/av_one_full]