Editing the iCatcher Carousel Widget

📸 Guide to Editing the iCatcher Carousel Widget

In Showoff, we provide a wide range of widgets to help you design interactive and engaging content for your website. One of the most popular and versatile widgets is the iCatcher Carousel.

The iCatcher Carousel widget allows you to display content using moving carousel images, making your pages more dynamic and visually appealing. It is most commonly used to showcase sponsors, partners, featured content, or promotions, and is typically added to pages and panels.

➕ How to Add an iCatcher Carousel to Your Website

Follow these simple steps to add the carousel widget:

1. ✏️ Go to your Page Editor or Panel Editor

2. 🧰 From the toolbar, click Widget

3. 📂 Under Content, select iCatcher Carousel

4. 📝 Fill in your slide content:

   • Slide title

   • Image

   • Image URL (if required)

   • Description (optional)

5. 🔗 Choose a target option:

   • Open in the same window

   • Open in a new window

6. ✅ Click Insert Widget to save

Your carousel will now appear on the page.

⚙️ Configuring iCatcher Carousel Settings

Before leaving the carousel as-is, it’s important to configure the widget settings. This ensures your content displays correctly across different screen sizes and behaves exactly how you want it to.

To access the settings:

• 🖱️ Double-click on the iCatcher Carousel widget

• Click Settings

🎞️ Carousel Playback Settings

• ▶️ Autoplay
  Turn this on or off if you want the carousel to move automatically or allow visitors to scroll manually.

• 🔀 Random Start
  Enable or disable whether slides start in a random order.

• ⏱️ Autoplay Speed
  Controls the pause between slides.

  • 1000 = 1 second
    This ensures users have enough time to view each slide.

• ⚡ Speed
  Controls how fast the slide animation moves.

  • 1000 = 1 second

🖼️ Image & Thumbnail Options

• 🧩 Image Thumbnails
  Thumbnails can be turned on or off, and you can also adjust the thumbnail width.

• 🖼️ Image Display Mode

  • Contain ✅ (recommended) – ensures images are fully visible and not cut off

  • Cover – fills the space but may crop parts of the image

🎛️ Navigation & Display Controls

You can easily enable or disable the following options to give users more control:

• 🔵 Dots

• ⬅️➡️ Arrows

• 🏷️ Display Title

These options are self-explanatory and can be toggled based on your design preference.

📱 Responsive Settings (Slides Per Device)

The iCatcher Carousel is responsive by default, but you can customize how many slides appear on different screen sizes:

• 📱 Slides to Show – Mobile

• 📲 Slides to Show – Tablet

• 💻 Slides to Show – Laptop

• 🖥️ Slides to Show – Desktop

Default values are already applied for responsiveness, but you can adjust them depending on your content size and design needs.

✅ Final Thoughts

The iCatcher Carousel widget is a powerful way to highlight important content while maintaining a smooth and responsive user experience. By taking a few extra minutes to configure the settings, you can ensure your carousel looks great and functions perfectly on all devices.