Media Slider Block Guide

Overview

The Media Slider block creates a continuous, automatically rotating carousel of images to showcase your portfolio, products, or services.

Configuration

Basic Setup

  • Add Media: Upload between 4-15 images to create your slider
  • Required Images: Minimum of 4 images required for proper functionality
  • Maximum Images: Limited to 15 images to maintain performance

Media Items Array

Each slider contains an array of media items with the following properties:

  • Image File: Upload your high-quality image (supported formats: JPG, PNG, WEBP)
  • Alt Text: Add descriptive text for accessibility
  • Caption (optional): Brief description that appears below the image
  • Link (optional): URL to direct visitors when they click the image

Display Settings

  • Autoplay Speed: Adjust how long each image displays
  • Navigation Controls: Enable/disable arrows and indicator dots
  • Animation Style: Choose transition effects between slides

Best Practices

  • Use consistent image dimensions for a polished appearance
  • Optimize images for web to maintain fast loading times
  • Include varied but cohesive imagery to maintain visitor interest
  • Consider using captions to provide context for each image

Implementation

Add this block to any service page where visual demonstration of your work would enhance client understanding and interest.

Example

Example Site here

media slider