PHPackages bootscore/bs-swiper - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. bootscore/bs-swiper ActiveWordpress-plugin[Utility & Helpers](/categories/utility) bootscore/bs-swiper =================== Swiper slider for Bootscore v5.8.13(1mo ago)1925410[2 issues](https://github.com/bootscore/bs-swiper/issues)[3 PRs](https://github.com/bootscore/bs-swiper/pulls)MITPHP Since Mar 31Pushed 1mo ago1 watchersCompare [ Source](https://github.com/bootscore/bs-swiper)[ Packagist](https://packagist.org/packages/bootscore/bs-swiper)[ Docs](https://bootscore.me/)[ GitHub Sponsors](https://github.com/bootscore)[ RSS](/packages/bootscore-bs-swiper/feed)WikiDiscussions main Synced 2w ago READMEChangelog (10)DependenciesVersions (27)Used By (0) bs Swiper ========= [](#bs-swiper) [![Packagist Prerelease](https://camo.githubusercontent.com/ce819dad68bde299cc09d5a395169f7772061404fa12a5b384c3b6d3fe60100e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f767072652f626f6f7473636f72652f62732d7377697065723f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d666666)](https://packagist.org/packages/bootscore/bs-swiper)[![Github All Releases](https://camo.githubusercontent.com/7f36b54477c7fad29a85c6b5862a0ebfcdef246f9b3a06d02cff7dfa6e9c3099/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f646f776e6c6f6164732f626f6f7473636f72652f62732d7377697065722f746f74616c2e737667)](https://github.com/bootscore/bs-swiper/releases) WordPress plugin to show posts, pages, custom post types or WooCommerce products in a [swiper.js](https://swiperjs.com) carousel in Bootscore theme. - Demo and documentation: [![bs-swiper](https://camo.githubusercontent.com/e6b30104fba0b6d4335b199a43abf503375659f39fd297b3b907777eb40177c5/68747470733a2f2f6c68332e676f6f676c6575736572636f6e74656e742e636f6d2f70772f414d2d4a4b4c57695859526e4b45773135396e4f3770774662346e7455534c5646766d6c62386a7653617a5f5f75634d744d3236634348684558417748536335386f6831464b47673939735936737879773179636d3566754755696d4d2d6c595a325a327972682d696d553445455f7651687538707746615034664b38796558516453795a6f7779476777534e42523833577652616a72344d38652d4b773d77313230302d683934312d6e6f)](https://camo.githubusercontent.com/e6b30104fba0b6d4335b199a43abf503375659f39fd297b3b907777eb40177c5/68747470733a2f2f6c68332e676f6f676c6575736572636f6e74656e742e636f6d2f70772f414d2d4a4b4c57695859526e4b45773135396e4f3770774662346e7455534c5646766d6c62386a7653617a5f5f75634d744d3236634348684558417748536335386f6831464b47673939735936737879773179636d3566754755696d4d2d6c595a325a327972682d696d553445455f7651687538707746615034664b38796558516453795a6f7779476777534e42523833577652616a72344d38652d4b773d77313230302d683934312d6e6f) Installation ------------ [](#installation) 1. Download latest release [bs-swiper.zip](https://github.com/bootscore/bs-swiper/releases/latest/download/bs-swiper.zip). 2. In your admin panel, go to Plugins > and click the Add New button. 3. Click Upload Plugin and Choose File, then select the Plugin's .zip file. Click Install Now. 4. Click Activate to use your new Plugin right away. Usage ----- [](#usage) Select template you want to use by replacing `bs-swiper-*` placeholder in shortcode examples. - `bs-swiper-card` shows items in 4 (xxl), 3 (lg), 2 (md) and 1 (sm) column cards. - `bs-swiper-card-autoplay` shows items in 4 (xxl), 3 (lg), 2 (md) and 1 (sm) column cards with autoplay. - `bs-swiper-hero` shows items in a hero slider with auto-slide effect. Items must have a featured-image. - `bs-swiper-hero-fade` shows items in a hero slider with auto-fade effect. Items must have a featured-image. - `bs-swiper-card-product` shows only WooCommerce products in 4 (xxl), 3 (lg), 2 (md) and 1 (sm) column cards. Posts ----- [](#posts) ### Shortcode to show posts by category [](#shortcode-to-show-posts-by-category) ``` [bs-swiper-* type="post" category="cars, boats" order="ASC" orderby="date" posts="6"] ``` #### Options [](#options) - `category=""` - category-slug, multiple categories separated by comma - `order=""` - ASC or DESC - `orderby=""` - date, title, or rand - `posts=""` - amount of posts to show - `excerpt="false"` - hide excerpt - `tags="false"` - hide tags - `categories="false"` - hide categories ### Shortcode to show posts by tags [](#shortcode-to-show-posts-by-tags) ``` [bs-swiper-* type="post" tax="post_tag" terms="bikes, motorbikes" order="DESC" orderby="date" posts="5"] ``` #### Options [](#options-1) - `tax=""` - taxonomy (post\_tag) - `terms=""` - tags-slug, multiple terms separated by comma - `order=""` - ASC or DESC - `orderby=""` - date, title, or rand - `posts=""` - amount of posts to show - `excerpt="false"` - hide excerpt - `tags="false"` - hide tags - `categories="false"` - hide categories ### Shortcode to show single posts by id [](#shortcode-to-show-single-posts-by-id) ``` [bs-swiper-* type="post" id="1, 15"] ``` #### Options [](#options-2) - `id=""` - id of post, multiple ids separated by comma - `excerpt="false"` - hide excerpt - `tags="false"` - hide tags - `categories="false"` - hide categories Pages ----- [](#pages) ### Shortcode to show child-pages by parent-page id [](#shortcode-to-show-child-pages-by-parent-page-id) ``` [bs-swiper-* type="page" post_parent="21" order="ASC" orderby="title" posts="6"] ``` Showing child-pages in parent-page is very useful to avoid empty parent-pages. #### Options [](#options-3) - `post_parent=""` - id of parent page - `order=""` - ASC or DESC - `orderby=""` - date, title, or rand - `posts=""` - amount of pages to show - `excerpt="false"` - hide excerpt ### Shortcode to show single pages by id [](#shortcode-to-show-single-pages-by-id) ``` [bs-* type="page" id="2, 25"] ``` #### Options [](#options-4) - `id=""` - id of page, multiple ids separated by comma - `excerpt="false"` - hide excerpt Custom Post Types ----------------- [](#custom-post-types) ### Shortcode to show custom-post-types by terms [](#shortcode-to-show-custom-post-types-by-terms) ``` [bs-swiper-* type="isotope" tax="isotope_category" terms="dogs, cats" order="DESC" orderby="date" posts="5"] ``` #### Options: [](#options-5) - `type=""` - type of custom-post-type - `tax=""` - taxonomy - `terms=""` - terms-slug, multiple terms separated by comma - `order=""` - ASC or DESC - `orderby=""` - date, title, or rand - `posts=""` - amount of custom post types to show - `excerpt="false"` - hide excerpt ### Shortcode to show single custom-post-types by id [](#shortcode-to-show-single-custom-post-types-by-id) ``` [bs-* type="isotope" id="33, 31"] ``` #### Options [](#options-6) - `id=""` - id of custom-post-type, multiple ids separated by comma - `excerpt="false"` - hide excerpt WooCommerce Products -------------------- [](#woocommerce-products) ### Shortcode to show products [](#shortcode-to-show-products) ``` [bs-swiper-card-product] ``` #### Options: [](#options-7) - `category="cars, boats"` - Category slug, multiple categories separated by comma. Will pull products matching these categories (Default: `''`) - `id="1, 2, 3"` - id of product(s), multiple ids separated by comma. Will show products matching these ids (Default: `''`) - `brand="brand1, brand2"` - Will pull products matching these brands (Default: `''`) - `posts="12"` - Specify how many products will be shown (Default: `-1`) - `orderby="date"` - `date`, `title` or `rand`. Specify how products will be ordered by (Default: `date`) - `order="DESC"` - Specify if products will be ordered `ASC` or `DESC` (Default: `DESC`) - `featured="true"` - Will pull featured products (Default: `false`) - `outofstock="false"` - Will hide out of stock products (Default: `true`) - `onsale="true"` - Will show only onsale products (Default: `''`) - `showhidden="true"` Shows products hidden from catalog (Default: `false`) Related posts ------------- [](#related-posts) Bootscore v5.3.1 added a hook to all `single-*.php`'s: ```