📸 Image Slider Widget Guide

The Image Slider widget allows you to display multiple images in a slideshow format. It's an effective way to highlight products, services, offers, or any essential visuals. Customize its appearance and functionality to fit your website seamlessly.

1. Start with a Template

• What you’ll see:
  • Ready-made designs: Simple Slider, Product Slider, Full-Width Slider
  • A "Continue with this template" button
• What to do:
  • Click on a layout to preview it
  • Select your preferred design and click "Continue" to start editing

2. Use the Editing Tabs

After selecting a template, you will work in three sections:

• Content: Add images and text
• Style: Change the appearance
• Settings: Adjust slider behavior

3. Customize Your Slider

Content Tab

• Upload Images: Add the pictures you want to showcase
• Titles & Descriptions: Write brief messages accompanying the images
• Buttons/Links: Include buttons to navigate to other pages or links
• Slide Order: Drag and drop slides to rearrange

Style Tab

• Size: Adjust the width, height, or fit to your space
• Colors & Fonts: Choose color schemes and text styles
• Slide Controls: Show or hide navigation arrows and dots
• Slide Movement: Select transition type (fade or slide)
• Image Spacing: Add borders or round the image edges

Settings Tab

• Auto Slide: Enable automatic slide transitions
• Pause on Hover: Stop the slider when a mouse hovers over it
• Mobile Friendly: Ensure compatibility with phones and tablets
• Slide Speed: Adjust transition speed
• (Optional): Add custom code if needed

Helpful Tips

• Use Content for images, text, and buttons
• Use Style to align the slider with your overall website design
• Use Settings to control slider dynamics
• Always click "Save" when you're done editing!