WordPress plugin to show posts, pages, custom post types or WooCommerce products in a swiper.js carousel in Bootscore theme.
- Demo and documentation: https://bootscore.me/documentation/bs-swiper/
- Download latest release bs-swiper.zip.
- In your admin panel, go to Plugins > and click the Add New button.
- Click Upload Plugin and Choose File, then select the Plugin's .zip file. Click Install Now.
- Click Activate to use your new Plugin right away.
Select template you want to use by replacing bs-swiper-* placeholder in shortcode examples.
bs-swiper-cardshows items in 4 (xxl), 3 (lg), 2 (md) and 1 (sm) column cards.bs-swiper-card-autoplayshows items in 4 (xxl), 3 (lg), 2 (md) and 1 (sm) column cards with autoplay.bs-swiper-heroshows items in a hero slider with auto-slide effect. Items must have a featured-image.bs-swiper-hero-fadeshows items in a hero slider with auto-fade effect. Items must have a featured-image.bs-swiper-card-productshows only WooCommerce products in 4 (xxl), 3 (lg), 2 (md) and 1 (sm) column cards.
[bs-swiper-* type="post" category="cars, boats" order="ASC" orderby="date" posts="6"]
category=""- category-slug, multiple categories separated by commaorder=""- ASC or DESCorderby=""- date, title, or randposts=""- amount of posts to showexcerpt="false"- hide excerpttags="false"- hide tagscategories="false"- hide categories
[bs-swiper-* type="post" tax="post_tag" terms="bikes, motorbikes" order="DESC" orderby="date" posts="5"]
tax=""- taxonomy (post_tag)terms=""- tags-slug, multiple terms separated by commaorder=""- ASC or DESCorderby=""- date, title, or randposts=""- amount of posts to showexcerpt="false"- hide excerpttags="false"- hide tagscategories="false"- hide categories
[bs-swiper-* type="post" id="1, 15"]
id=""- id of post, multiple ids separated by commaexcerpt="false"- hide excerpttags="false"- hide tagscategories="false"- hide categories
[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.
post_parent=""- id of parent pageorder=""- ASC or DESCorderby=""- date, title, or randposts=""- amount of pages to showexcerpt="false"- hide excerpt
[bs-* type="page" id="2, 25"]
id=""- id of page, multiple ids separated by commaexcerpt="false"- hide excerpt
[bs-swiper-* type="isotope" tax="isotope_category" terms="dogs, cats" order="DESC" orderby="date" posts="5"]
type=""- type of custom-post-typetax=""- taxonomyterms=""- terms-slug, multiple terms separated by commaorder=""- ASC or DESCorderby=""- date, title, or randposts=""- amount of custom post types to showexcerpt="false"- hide excerpt
[bs-* type="isotope" id="33, 31"]
id=""- id of custom-post-type, multiple ids separated by commaexcerpt="false"- hide excerpt
[bs-swiper-card-product]
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,titleorrand. Specify how products will be ordered by (Default:date)order="DESC"- Specify if products will be orderedASCorDESC(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)
Bootscore v5.3.1 added a hook to all single-*.php's:
<?php if (function_exists('bootscore_related_posts')) bootscore_related_posts(); ?>bs Swiper hooks related posts there showing the latest 12 posts from the same category. This means that the category should have at least 4 posts to show the related posts correctly.
Related posts can be removed by adding a filter to child's functions.php:
// Remove related posts
add_filter('bootscore_disable_related_posts', '__return_true');Or by a single line of CSS:
.related-posts {
display: none;
}Template files can be found within the /bs-swiper/templates/ plugin directory.
Edit files in an upgrade-safe way using overrides. Copy the template into a directory within your theme named /bs-swiper/ keeping the same file structure but removing the /templates/ subdirectory. Path must be /your-theme/bs-swiper/[file].php.
The copied file will now override the bs Swiper template file. Change cards, classes or HTML as you want.
related-posts.phpsc-swiper-card.phpsc-swiper-card-autoplay.phpsc-swiper-card-product.phpsc-swiper-hero.phpsc-swiper-hero-fade.php
- bs Swiper, MIT License https://github.com/bootscore/bs-swiper/blob/main/LICENSE
- swiper.js, nolimits4web, MIT License https://github.com/nolimits4web/swiper/blob/master/LICENSE
- Plugin Update Checker, YahnisElsts, MIT License https://github.com/YahnisElsts/plugin-update-checker/blob/master/license.txt