a
We a team of artists, producers, brand strategists and marketing professionals dedicated to visual problem solving in all media, The Attic develops visual identities and branding strategies in broadcast, print, interactive and digital formats for a wide variety of clients, from cable networks to theme parks to regular TV advertisers and everything in between.
549 Water Street, Celebration FL, 34747
+1 (407) 491.5049
javier.beltran@theattic.tv
Follow Us
 

Accordion Slider

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