The 3D Carousel Paragraph Bundle is an innovative and visually stunning addition to Drupal websites, designed to offer a dynamic and interactive way to display content. This bundle is crafted with a user-friendly interface, comprising two primary tabs: Display and Content, each with a range of customizable fields to fine-tune the carousel's appearance and functionality.
Display Tab:
The Display tab is equipped with an array of settings to ensure your carousel not only functions well but also aligns perfectly with your site's aesthetic:
- Background Color: This option lets you pick a color for the background area of your paragraph. It's like choosing a paint color for the wall behind your text.
- Background Color Hover: This is a fun feature! When you move your mouse cursor over the paragraph, the background color changes to the color you pick here. It's like a magic trick for your paragraph!
- Text Color: Here, you can decide what color the words in your paragraph will be. It's like selecting the ink color for writing your paragraph.
- Text Color Hover: Similar to the background hover, this changes the text color when you hover your mouse over the paragraph. Imagine the text changing color like a chameleon when you move your mouse over it.
- Border Color: This option lets you choose a color for a thin line that surrounds your paragraph, like framing a picture.
- Border Color Hover: When you hover your mouse over the paragraph, the border color changes to what you choose here. It's another way to make your paragraph interactive and eye-catching.
- Border: Here, you can select from 11 different styles for your paragraph's border, like dotted, dashed, or solid lines. It's like picking different styles of frames for a picture.
- Border Radius: This option allows you to round the corners of your paragraph's border. You have 6 styles to choose from, ranging from slightly rounded to completely circular corners.
- Margin: This sets the space between your paragraph and other elements on the page. You can choose from 6 options to determine how much space you want around your paragraph.
- Padding: Padding is the space between your text and the border of the paragraph. This option gives you 8 choices to decide how much space you want inside the border.
- Max Width: This lets you control how wide your paragraph can be. You can choose from 7 different widths in pixels, or set it to 100% which will make the paragraph stretch as wide as its container allows.
- Box Shadow: You have 2 options here to add a shadow effect to your paragraph. This makes it look like your paragraph is slightly raised above the page, giving it some depth.
- Background Color Opacity: This is a slider that lets you adjust how see-through the background color is. Sliding it down makes the background more transparent, allowing whatever is behind it to show through a bit.
Additionally, there are three fields for added customization:
- 3D Carousel Format: Renders content items in an interactive 3D carousel format for engaging and visually captivating displays.
- Comprehensive Customization Options: Provides a variety of settings, including adjustable slide intervals, maximum width, screen heights for different devices, set the background color with opacity, and perspective depth to fine-tune the carousel’s appearance.
- Responsive Design: Built-in breakpoints ensure the carousel adapts seamlessly to various screen sizes, offering a consistent experience across devices.
- Play/Pause Functionality: Includes an automatic scrolling feature with a play/pause button, giving users control over the carousel's movement.
- Touch Swipe Support: Mobile users can swipe left or right to navigate between slides for a natural touch experience.
- Live Announcements: Each slide change is announced to assistive technologies, ensuring screen reader users know which slide is active.
- Pause on Tab Switch: The carousel automatically pauses when the user switches to another browser tab, preserving content visibility when they return.
- Reduced Motion Support: Respects the user's "prefers-reduced-motion" system setting to reduce animations for users who prefer less movement.
- Play and Stop Time: Select a duration ranging from 3 to 15 seconds for each slide.
Content Tab:
Under the Content tab, you will find the core element of the bundle:
- Paragraph Field: This field allows you to insert any paragraph bundle into the carousel. It’s flexible and compatible with a variety of content types.
Recommended and Tested Bundles for Carousel Items:
To enhance your carousel, we recommend and have tested the following bundles, ensuring seamless integration and optimal performance:
- 3D Flip Box
- Card Two Columns
- Card Three Columns
- Contact Form
- Drupal Block
- Block Content
- Hero
- Image, Image Wide, Image Narrow
- Image Grid
- Link
- Layout One, Two, or Three Columns
- Simple
- Views
- Webform
Each of these bundles brings its unique flair to the carousel, allowing you to create a truly customized and engaging experience for your website visitors. The 3D Carousel Paragraph Bundle is not only a tool for showcasing content but also a statement piece that elevates the overall design and interactivity of your site.
Comments