README

A fully customizable film strip slider Gutenberg block for WordPress. Built with the WordPress Interactivity API — zero external dependencies.

Features

• Responsive slides per view — configurable for desktop, tablet, and mobile
• Navigation arrows — sides, top, or bottom positioning
• Bullet dot navigation — top or bottom positioning
• Page numbers — optional page counter
• Autoplay — configurable interval with pause-on-hover
• Drag / swipe — touch and pointer drag support
• Infinite loop — optional seamless looping
• Configurable animation — speed and easing options
• Image height control — responsive height with object-fit: cover
• Reusable — can be saved as a reusable block
• Block supports — wide/full alignment, colors, spacing

Installation

Via Composer (recommended)

composer require smartlogix/film-strip-slider-block

The block auto-registers via Composer's autoloader. No additional theme code is required.

Manual

1. Download the latest release zip
2. Extract into your theme's directory
3. Require the main PHP file:

require_once get_template_directory() . '/path/to/film-strip-slider-block/film-strip-slider-block.php';

Development

# Install dependencies
npm install

# Start development build (watch mode)
npm start

# Production build
npm run build

# Lint
npm run lint:js
npm run lint:css

Release Process

1. Update the version in package.json, composer.json, film-strip-slider-block.php, and src/film-strip-slider-block/block.json
2. Run npm run build and commit the updated build/ directory
3. Tag the release: git tag v1.x.x && git push --tags
4. Create a GitHub Release — the CI workflow will verify the build and attach an installable zip

Requirements

• WordPress 6.5+
• PHP 7.4+

License

GPL-2.0-or-later