bs Swiper

Default

[[bs-swiper-columns type="post" category="post-templates"]]

Products by brands

Hide navigation arrows

[[bs-swiper-columns type="post" category="post-templates" navigation="false"]]

[bs-swiper-columns type=”post” category=”post-templates” navigation=”false”]

[bs-swiper-columns type=”post” category=”post-templates” navigation=”false”]

Hide pagination bullets

[[bs-swiper-columns type="post" category="post-templates" pagination="false"]]

[bs-swiper-columns type=”post” category=”post-templates” pagination=”false”]

[bs-swiper-columns type=”post” category=”post-templates” pagination=”false”]

Custom Columns

[[bs-swiper-columns type="product" tax="product_cat" terms="clothing" slidesperview="2,2,2,3,3,3"]]

[bs-swiper-columns type=”product” tax=”product_cat” terms=”clothing” slidesperview=”2,2,2,3,3,3″]

Infinite loop

[[bs-swiper-columns type="post" category="post-templates" loop="true"]]

Autoplay

[[bs-swiper-columns type="post" category="post-templates" autoplay="true"]]

Delay

[[bs-swiper-columns type="post" category="post-templates" autoplay="true" delay="300"]]

Gap/spacebetween

[[bs-swiper-columns type="post" category="post-templates" spacebetween="0"]]

Effects

Imporant! Effects works only if slidesperview is setted to one item slidesperview="1,1,1,1,1,1" on all screen sizes. This is limited by swiper.js.

Fade

[[bs-swiper-columns type="post" category="post-templates" slidesperview="1,1,1,1,1,1" effect="fade"]]

Cube

[[bs-swiper-columns type="post" category="post-templates" slidesperview="1,1,1,1,1,1" effect="cube"]]

Coverflow

[[bs-swiper-columns type="post" category="post-templates" slidesperview="1,1,1,1,1,1" effect="coverflow"]]

Flip

[[bs-swiper-columns type="post" category="post-templates" slidesperview="1,1,1,1,1,1" effect="flip"]]

Cards

[[bs-swiper-columns type="post" category="post-templates" slidesperview="1,1,1,1,1,1" effect="cards"]]

Shortcode must be wrapped inside a <div class="overflow-hidden">...</div>, otherwise cards effect breaks the container width.

Creative

[[bs-swiper-columns type="post" category="post-templates" slidesperview="1,1,1,1,1,1" effect="creative"]]

Speed

Default 300ms

[[bs-swiper-columns type="post" category="post-templates" speed="1000"]]

[[bs-swiper-columns type="post" category="post-templates" slidesperview="1,1,1,1,1,1" effect="coverflow" speed="3000"]]

Contextual filters

Card-overlay

[[bs-swiper-columns type="post" category="post-templates" context="custom-card-overlay" meta="false" excerpt="false" categories="false" tags="false" navigation="false"]]

Card vertical overlay

[[bs-swiper-columns type="post" category="swiper-demo-posts" context="custom-vertical-card-overlay" meta="false" tags="false"]]

Tailwind cards

[[bs-swiper-columns type="post" category="post-templates" context="tailwind-cards" meta="false" tags="false" readmore="false" slidesperview="1,1,2,3,3,3"]]