Last updated
Was this helpful?
Showcase multiple items in an engaging and interactive slideshow with the Carousel component. This dynamic component allows you to display images, text, and other content in a visually appealing format, making it perfect for highlighting featured items, showcasing product offerings, or presenting visual stories.
Decide how you want to populate the carousel with data. You have three options:
Connect the carousel's attributes to the corresponding fields in your data source. This ensures that the correct information is displayed for each item in the carousel.
Example: If you're showcasing products, you might map:
Title: to the "Product Name" field.
Description: to the "Product Description" field.
Image: to the "Product Image" field.
Control how many items are displayed at a time and how they are arranged. You can specify:
Items per Panel: The number of items to show in each carousel slide.
Responsive Behavior: Configure different layouts for small, medium, and large devices to ensure optimal viewing on any screen size.
Now that your carousel’s foundation is set, it’s time to polish it with extra options! In this step, you’ll fine-tune how the carousel works and looks to match your vision. Whether you want a sleek, minimal design or an interactive experience, these settings let you control the details.
Here’s what you can do:
Hide Navigation: Remove the navigation arrows for a more streamlined look.
Make Items Clickable: Allow users to interact with carousel items by making them clickable.
Configure Indicators: Customize the appearance and position of the indicators that show the current slide.
Add Actions: Include buttons or links within each carousel item to trigger actions or navigate to other pages.
These options allow you to create a user-friendly and visually appealing carousel. Let’s make it your own!
Showcase Multiple Items: Display a collection of items in a limited space.
Enhance Visual Appeal: Create an engaging and interactive user experience.
Highlight Featured Content: Draw attention to important items or promotions.
Improve Navigation: Guide users through a series of related items or steps.
Product Showcase: Display featured products or new arrivals.
Image Gallery: Create a visual gallery of images or photos.
Customer Testimonials: Showcase positive feedback from satisfied customers.
Event Promotions: Highlight upcoming events or special offers.
By incorporating the Carousel component into your Dynamic Components, you can create dynamic and visually appealing user interfaces that effectively showcase your content and engage your users.
Manual
Enter data directly into the component configuration. This is suitable for small, static datasetsta.
Variable
Use a variable as your data source. This is useful for data that changes based on user interactions or other component logic.
Query
Fetch data directly from Salesforce using a query. This is the most common option for displaying Salesforce records.
