{"id":1401,"date":"2017-02-13T15:06:49","date_gmt":"2017-02-13T15:06:49","guid":{"rendered":"http:\/\/test.kriesi.at\/enfold-2017\/?page_id=1401"},"modified":"2017-02-13T15:06:49","modified_gmt":"2017-02-13T15:06:49","slug":"accordion-slider","status":"publish","type":"page","link":"https:\/\/stanleywakker.nl\/index.php\/elements\/accordion-slider\/","title":{"rendered":"Accordion Slider"},"content":{"rendered":"<p>[av_slideshow_accordion slide_type=&#8217;image-based&#8217; link=&#8217;category&#8217; items=&#8217;5&#8242; offset=&#8217;0&#8242; size=&#8217;magazine&#8217; autoplay=&#8217;false&#8217; interval=&#8217;5&#8242; title=&#8217;active&#8217; accordion_align=&#8217;av-accordion-text-center&#8217; custom_title_size=&#8217;20&#8217; custom_excerpt_size=&#8221;]<br \/>\n[av_slide_accordion id=&#8217;871&#8242; title=&#8217;MacBook Pro&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;870&#8242; title=&#8217;Pen and Paper&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;869&#8242; title=&#8217;Cool Glasses&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;868&#8242; title=&#8217;Diet Pills&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;867&#8242; title=&#8217;Closed MacBook&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;866&#8242; title=&#8217;Small Green&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;865&#8242; title=&#8217;iPad Power&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[\/av_slideshow_accordion]<\/p>\n<p>[av_one_full first min_height=&#8221; vertical_alignment=&#8221; space=&#8221; custom_margin=&#8221; margin=&#8217;0px&#8217; padding=&#8217;0px&#8217; border=&#8221; border_color=&#8221; radius=&#8217;0px&#8217; background_color=&#8221; src=&#8221; background_position=&#8217;top left&#8217; background_repeat=&#8217;no-repeat&#8217; animation=&#8221; mobile_display=&#8221;]<\/p>\n<p>[av_heading tag=&#8217;h1&#8242; padding=&#8217;0&#8242; heading=&#8217;Accordion Slider&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote&#8217; custom_font=&#8217;#000000&#8242; size=&#8217;40&#8217; subheading_active=&#8221; subheading_size=&#8217;15&#8217; custom_class=&#8221; admin_preview_bg=&#8221;][\/av_heading]<\/p>\n<p>[av_textblock size=&#8221; font_color=&#8221; color=&#8221; admin_preview_bg=&#8217;rgb(255, 255, 255)&#8217;]<br \/>\nThe 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)<br \/>\n[\/av_textblock]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[av_slideshow_accordion slide_type=&#8217;image-based&#8217; link=&#8217;category&#8217; items=&#8217;5&#8242; offset=&#8217;0&#8242; size=&#8217;magazine&#8217; autoplay=&#8217;false&#8217; interval=&#8217;5&#8242; title=&#8217;active&#8217; accordion_align=&#8217;av-accordion-text-center&#8217; custom_title_size=&#8217;20&#8217; custom_excerpt_size=&#8221;]<br \/>\n[av_slide_accordion id=&#8217;867&#8242;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;866&#8242;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;865&#8242;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;864&#8242;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;863&#8242;][\/av_slide_accordion]<br \/>\n[\/av_slideshow_accordion]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[av_textblock size=&#8221; font_color=&#8221; color=&#8221; admin_preview_bg=&#8217;rgb(255, 255, 255)&#8217;]<br \/>\nAccordion 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 \ud83d\ude09<br \/>\n[\/av_textblock]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[av_slideshow_accordion slide_type=&#8217;image-based&#8217; link=&#8217;category&#8217; items=&#8217;5&#8242; offset=&#8217;0&#8242; size=&#8217;featured&#8217; autoplay=&#8217;false&#8217; interval=&#8217;5&#8242; title=&#8217;active&#8217; accordion_align=&#8217;av-accordion-text-center&#8217; custom_title_size=&#8217;20&#8217; custom_excerpt_size=&#8221;]<br \/>\n[av_slide_accordion id=&#8217;1183&#8242;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;1057&#8242;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;480&#8242;][\/av_slide_accordion]<br \/>\n[\/av_slideshow_accordion]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[av_heading tag=&#8217;h1&#8242; padding=&#8217;0&#8242; heading=&#8217;Entry Based Accordion Slider&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote&#8217; custom_font=&#8217;#000000&#8242; size=&#8217;40&#8217; subheading_active=&#8221; subheading_size=&#8217;15&#8217; custom_class=&#8221; admin_preview_bg=&#8221;][\/av_heading]<\/p>\n<p>[av_textblock size=&#8221; font_color=&#8221; color=&#8221; admin_preview_bg=&#8217;rgb(255, 255, 255)&#8217;]<br \/>\nYou 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:<br \/>\n[\/av_textblock]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[av_slideshow_accordion slide_type=&#8217;entry-based&#8217; link=&#8217;portfolio_entries&#8217; items=&#8217;4&#8242; offset=&#8217;0&#8242; size=&#8217;magazine&#8217; autoplay=&#8217;false&#8217; interval=&#8217;5&#8242; title=&#8217;active&#8217; accordion_align=&#8217;av-accordion-text-center&#8217; custom_title_size=&#8217;20&#8217; custom_excerpt_size=&#8217;13&#8217;]<br \/>\n[av_slide_accordion id=&#8217;1183&#8242; title=&#8221; link=&#8221; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;1057&#8242; title=&#8221; link=&#8221; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[av_slide_accordion id=&#8217;480&#8242; title=&#8221; link=&#8221; link_target=&#8221;][\/av_slide_accordion]<br \/>\n[\/av_slideshow_accordion]<\/p>\n<p>[\/av_one_full]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[av_slideshow_accordion slide_type=&#8217;image-based&#8217; link=&#8217;category&#8217; items=&#8217;5&#8242; offset=&#8217;0&#8242; size=&#8217;magazine&#8217; autoplay=&#8217;false&#8217; interval=&#8217;5&#8242; title=&#8217;active&#8217; accordion_align=&#8217;av-accordion-text-center&#8217; custom_title_size=&#8217;20&#8217; custom_excerpt_size=&#8221;] [av_slide_accordion id=&#8217;871&#8242; title=&#8217;MacBook Pro&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion] [av_slide_accordion id=&#8217;870&#8242; title=&#8217;Pen and Paper&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion] [av_slide_accordion id=&#8217;869&#8242; title=&#8217;Cool Glasses&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion] [av_slide_accordion id=&#8217;868&#8242; title=&#8217;Diet Pills&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion] [av_slide_accordion id=&#8217;867&#8242; title=&#8217;Closed MacBook&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion] [av_slide_accordion id=&#8217;866&#8242; title=&#8217;Small Green&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion] [av_slide_accordion id=&#8217;865&#8242; title=&#8217;iPad Power&#8217; link=&#8217;lightbox&#8217; link_target=&#8221;][\/av_slide_accordion] [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1401","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages\/1401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1401"}],"version-history":[{"count":0,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages\/1401\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}