[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]