Loading...

bS5 Post/Product Slider

Registers and initializes swiper.js to show posts, child pages or products in a 4 (desktop), 3 (large), 2 (medium) and 1 (mobile) column slider. Live preview posts, live preview products.

Only 1 instance per page can be displayed.

Installation

  1. Download Plugin
  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

Posts

Use shortcode to display posts:

[bs-post-slider type="post" category="sample-category" order="ASC" orderby="title" posts="12"]

Options

  • category: category slug – multiple categories separated by comma
  • order: ASC or DESC
  • orderby: date, title or rand
  • posts: number of posts to display

Child pages (since 5.0.1.0)

Use shortcode to display child-pages:

[bs-post-slider type="page" post_parent="1891" order="ASC" orderby="title" posts="6"]

Options

  • post_parent: ID of your parent page
  • order: ASC or DESC
  • orderby: date, title or rand
  • posts: number of pages to display

Products

Use shortcode to display products:

[bs-product-slider order="DESC" orderby="date" posts="12" category="sample-category, test-category"]

Options

  • category: category slug – multiple categories separated by comma
  • order: ASC or DESC
  • orderby: date, title or rand
  • posts: number of posts to display

Overriding templates via theme

Template files can be found within the /bs5-post-product-slider/templates/ plugin directory.

Edit files in an upgrade-safe way using overrides. Copy the template into a directory within your theme named /bs5-post-product-slider keeping the same file structure but removing the /templates/ subdirectory. Path must be /your-theme/bs5-post-product-slider/[file].php.

The copied file will now override the bS5 Isotope template file. Change cards, classes or HTML as you want.

Templates that can be overwritten:

  • sc-post-slider.php
  • sc-product-slider.php

13 Comments on “bS5 Post/Product Slider”

  • Rpman Mahr

    says:

    Can I use this or other plugins with custom post types?

    EG:

    [post-slider type=”movies” category=”action” order=”ASC” orderby=”title” posts=”12″]

    [bs-post-grid type="movies" category="action, fantasy" order="ASC" orderby="title" posts="6"]

    [bs-post-app-slider type="movies" category="sidebar-left, sidebar-right" order="ASC" orderby="title" posts="12"]

    Regards

    • Basti

      says:

      Not really yet. Because in custom post types you are dealing with taxonomy instead of category. You can try this:

      [bs-post-slider type="movies" order="DESC" orderby="date" posts="120"]
      

      or

      [bs-post-app-slider type="movies" order="DESC" orderby="date" posts="120"]
      

      In that case it will show cpt from all categories. But maybe thats a feature for future.

      The only plugin what have really cpt support so far is https://bootscore.me/plugins/bs-isotope/.

  • David Gómez

    says:

    Hi Basti! Thanks for your work, is really useful for us all. I would like to contribute just with one note: the reference shortcode included in the “readme.txt” of the latest version has an error. Instead of beginning with the string “[bs-post-slider…” it begins with “[post-slider…” and it doesn’t work. I added the “bs-” prefix intuitively and it did the trick, but it can be causing problems to some people.

    Cheers!

    • Basti

      says:

      Hi David,

      thank you for reporting. Of course that is wrong and confusing. It was wrong in documentation too, but now it has been fixed.

      Cheers Basti

      • David Gómez

        says:

        You’re welcome Basti! Great job and awesome fast response. Best wishes!

  • Alfredo Torres

    says:

    Is it possible to order by price in the product slider? or is it planned in the future? Thanks!

    • Basti

      says:

      Hello Alfredo,

      not yet, but good idea! I will think about it.

  • Lo Rednib

    says:

    Hi Basti
    I have an issue with bS5 Post/Product Slider.
    On line 48 in bs5-post-product-slider/templates/sc-product-slider.php have got an undifined variable $product.
    When I replace this variable by a “my-product-name” it shows correctly.
    How can I make it work correctly with your $product variable?

    • Basti

      says:

      Hi Lo,

      I do not really understand what you mean. Pls share a link to your site to check and understand that. The content inside loop is from WooCommerce product card. So, same issue must be in WooCommerce loop as well. On all sites where plugin is installed, it works fine.

      BTW I work on a new swiper plugin right now which will have more features by less code and will replace this plugin here when ready.

      • Lo Rednib

        says:

        Hi Basti.
        I was pushing a http://www.mysite/TEST page for you. And guess what ?
        Everything work perfectly.
        It seems to be locahost errors only (same for the share button).
        I’m looking forward for your new slide plugin.
        Thanks again for all your great job 👍

          • Basti

            says:

            Yes, as you can read in docs above it is only possible to show one swiper per page. That‘s why I‘m currently working on new plugin which can show how many swiper instances as you want per page and has more template features. Please see current plugin as outdated and look forward to upcoming plugin.

            • Lo Rednib

              says:

              Thank you Basti for your quick answers.

Leave a Comment

Cookies help us deliver our services. By using our services, you agree to our use of cookies. More Information