# BW Gallery Slider Block

A custom Gutenberg block that mimics the gallery slider from the old theshoreclub theme. This block creates a responsive image slider using Slick slider.

## Installation

1. The block files are located in `/wp-content/themes/kadence-child/blocks/bw-gallery-slider/`.
2. The block is automatically registered via the child theme's functions.php.

## Requirements

This block requires Slick Slider, which needs to be downloaded manually:

1. Download the following files from CDN and replace the placeholder files:
   - Download [slick.min.js](https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js) and replace `/blocks/bw-gallery-slider/slick/slick.min.js`
   - Download [slick.css](https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css) and replace `/blocks/bw-gallery-slider/slick/slick.css`
   - Download [slick-theme.css](https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css) and replace `/blocks/bw-gallery-slider/slick/slick-theme.css`

## Usage

1. Add the "Gallery Slider" block to your post or page.
2. Click "Select Images" to choose the images for your gallery.
3. The block requires at least 2 images to display a slider.
4. You can add more images later by clicking "Add More Images".
5. You can remove images by clicking the X icon on each image thumbnail.

## Features

- Responsive design that works on all screen sizes
- Fade transitions between slides
- Autoplay with 5-second delay
- Navigation dots
- Mimics the original gallery slider from theshoreclub theme

## Customization

To customize the appearance of the slider, you can edit the following files:
- `/blocks/bw-gallery-slider/style.css` - Front-end styles
- `/blocks/bw-gallery-slider/index.php` - PHP rendering and slider options