Zum Inhalt springen

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]

Cookie-Einstellung

Bitte treffen Sie eine Auswahl. Weitere Informationen zu den Auswirkungen Ihrer Auswahl finden Sie unter Hilfe.

Treffen Sie eine Auswahl um fortzufahren

Ihre Auswahl wurde gespeichert!

Hilfe

Hilfe

Um fortfahren zu können, müssen Sie eine Cookie-Auswahl treffen. Nachfolgend erhalten Sie eine Erläuterung der verschiedenen Optionen und ihrer Bedeutung.

  • Alle Cookies zulassen:
    Jedes Cookie wie z.B. Tracking- und Analytische-Cookies.
  • Nur First-Party-Cookies zulassen:
    Nur Cookies von dieser Webseite.
  • Keine Cookies zulassen:
    Es werden keine Cookies gesetzt, es sei denn, es handelt sich um technisch notwendige Cookies.

Sie können Ihre Cookie-Einstellung jederzeit hier ändern: Datenschutz. Impressum

Zurück