Image Slider

This section explains the custom Image Slider block, which is used to display images in a slider or carousel format. You can upload different images for desktop and mobile to ensure your banners and sliders are more optimized for each device.

Adding the Block #

To add the Image Slider block:

1. Open the Block Editor.
2. Type “Image Slider” in the block search.
3. Drag and drop the block into the editor area.
4. Click Media Library to add images.
5. Select images and arrange them by drag and drop to set the slide order.

Adding Links to Images #

To add a link to an image:

1. Click the Image Slider block.
2. Select the slide you want to edit.
3. Click the Link icon.
4. Enter the destination URL.

Using Different Images for Mobile #

To set a different image for mobile view:

1. Click the Image Slider block.
2. Select the slide you want to edit.
3. Click the Mobile Image icon or button.
4. Choose an image optimized for mobile devices.

The mobile image will be displayed on devices with a maximum screen width of 480px.