BC image Slider

Show images in a slider format.

Custom Section ID
Custom Section Classes
Background Image, Video, and Overlay
Custom Row Classes
Number of images to show at once
Number of images that slide
Display arrows
Display Dots
Include Lightbox
Lightbox group name
Image Gallery

One thing to take note: If you want to have 2 or more sliders on the same page, you will need to have a custom class on the section.

You need to add a custom class because the jQuery on the page will need the specification for the sliders to act completely independently.

Global Changes

PHP
/bc/wp-content/themes/bc3/default-blocks/bc-block-image-slider.php

SCSS
/bc/wp-content/themes/bc3/default-blocks/bc-block-image-slider.scss

Overrides

Create a new SCSS file for individual blocks that need independent styling
Example file path/name: /bc/wp-content/themes/bc3/components/bc-block-image-slider__inside.scss

Image Slider Variations

Slider with 2 images per “slide”, arrows, dots, lightbox, and 1 on scroll

Slider with 4 images, arrows, dots, lightbox, and 1 per slide

Slider with 1 image, arrows, dots, lightbox, and 1 per slide

Slider with 3 images per slide, dots, and 3 per slide

Slider with 3 images per slide, moves 2 per slide, no container

*if autoplay is false, set to true in PHP file if needing to scroll on desktop

Slider with 4 images per slide, moves 1 per slide, no container

*if autoplay is false, set to true in PHP file if needing to scroll on desktop

100% width slider