Scrolling Gallery

How to use Scrolling Gallery Widget of Sky Addons for Elementor

Sky Addons Scrolling Gallery Widget is a powerful tool that lets you create visually engaging, horizontally scrolling galleries on your Elementor website. Perfect for showcasing portfolios, products, or any series of images, this widget enhances user experience and adds a dynamic touch to your site. It’s packed with customization options and an intuitive interface, making it a breeze to design stunning galleries without any coding. This widget is fully responsive, ensuring your galleries look great on any device.

Description:

The Scrolling Gallery widget from Sky Addons Pro is an excellent addition to the essential addons for Elementor, providing a unique way to display images and content. Unlike traditional grids or sliders, this widget offers a continuous, horizontally scrolling experience that captures attention and encourages exploration. It’s an ideal solution for elementor website, elementor plugins, and elementor page builder, allowing you to create visually appealing sections that stand out. Whether you’re building a portfolio, showcasing products, or creating an elementor landing page, the Scrolling Gallery widget offers the flexibility and customization options you need. It seamlessly integrates with elementor, elementor pro, and elementor themes, enhancing your elementor website builder capabilities. Use it to create a dynamic elementor kit library or to add a premium touch to your free elementor templates. With its responsive design and easy-to-use interface, the Scrolling Gallery widget is a must-have for anyone looking to elevate their elementor wordpress site.

Key Features List

1. Horizontal Scrolling: Creates a continuous, horizontally scrolling gallery for a dynamic visual experience.
2. Multiple Levels: Supports up to three levels of nested galleries, perfect for creating complex menu-like structures or categorized displays.
3. Tooltip Integration: Option to display tooltips with titles and descriptions for each gallery item, providing additional context and information.
4. Customizable Appearance: Offers extensive styling options for items, tooltips, and overall layout, allowing you to match your website’s design.
5. Responsive Design: Ensures your gallery looks and functions perfectly on all devices, from desktops to mobile phones.

Insert Scrolling Gallery Widget

1. Open Elementor Editor. In the Elementor panel, search for “Scrolling Gallery”.
2. Drag and Drop the Widget to the desired location on your page / editor.

Layout Section

• Gallery Items: Use the repeater control to add and manage your gallery items. Each item can have a title, text, image, link, and level. The level determines which carousel the item belongs to (Level 1, Level 2, or Level 3).
• Title: Add a title for each gallery item. This title can be displayed in the tooltip.
• Text: Include a description for each gallery item. This text is displayed in the tooltip, providing additional information.
• Image: Upload an image for each gallery item. This image will be displayed in the gallery.
• Link: Add a URL to make the gallery item clickable. This allows users to navigate to different pages or resources.
• Slider Level: Set the level of the gallery item. Level 1 is the main carousel, Level 2 is a sub-carousel, and Level 3 is a sub-sub-carousel.
• Image Size: Choose the size of the images displayed in the gallery. Options include thumbnail, medium, large, and full size.

Additional Section

• Show Tooltip: Enable or disable the display of tooltips on gallery items. Tooltips provide additional information when hovering over an item.
• Item Height: Adjust the height of the gallery items. This setting affects the overall size and appearance of the gallery.
• Item Width: Set the width of the gallery items. This helps control the horizontal space each item occupies.
• Item Gap: Control the spacing between gallery items. This setting affects the visual separation and layout of the gallery.
• Thumbnail: Select the thumbnail size for the images in the gallery. This ensures images are displayed at the correct resolution.

Style Customization

The Scrolling Gallery widget offers extensive styling options to customize the appearance of your gallery. You can adjust the padding, border, background, and more to match your website’s design. The tooltip styles are also fully customizable, allowing you to create a seamless and visually appealing experience for your users.

Items Section

• Item Padding: Adjust the padding around the content within each gallery item. This affects the spacing between the image, title, and text.
• Border: Customize the border of the gallery items. You can set the color, width, and style of the border.
• Item Border Radius: Control the roundness of the corners of the gallery items. This adds a subtle visual effect.
• Background: Set the background color or gradient for the gallery items. This helps create visual interest and highlight the items.

Tooltip Section

• Title: Customize the appearance of the tooltip title. You can set the color, typography, and spacing of the title.
• Text: Adjust the style of the tooltip text. This includes setting the color, typography, and spacing of the text.
• Body: Control the overall appearance of the tooltip body. You can set the padding, border, border radius, box shadow, backdrop blur, and background.

Save and Preview

1. Once you’ve customized and styled your accordion, click “Publish” or “Update” to save your changes.
2. Preview the page to ensure the widget looks and functions as desired.

Troubleshooting

1. Images Not Displaying: Ensure that the image URLs are correct and that the images are accessible. Also, check the image size settings to make sure they are appropriate.
2. Tooltips Not Showing: Verify that the “Show Tooltip” option is enabled in the Additional settings. Also, check the tooltip styling to ensure the colors and typography are visible.

Conclusion

The Sky Addons Pro Scrolling Gallery widget is a versatile and powerful tool for creating visually engaging galleries on your Elementor website. With its extensive customization options and responsive design, you can create stunning galleries that enhance user experience and showcase your content in a unique way.

If you have any questions or encounter any challenges while using, please don’t hesitate to reach out to our dedicated support team at https://wowdevs.com/support/ where our expert team is ready to provide prompt and helpful assistance.