Swiper Carousel Component
Variation 1 - Arrow Navigation
Variation 2 - Pagination Fragation
Variation 3 - Detailed Content Area
View 1
asset type : image > on click target : link
In this view, editors can configure:
- image
- Link image either to a page,
- title, subtitle & description below the image
View 2
asset type : image > on click target : video
- image & link image to video popup
- title, subtitle & description below the image
- transcript link to direct the video to any desired page.
Variations 4 - Content box in sidebar
Variation 5 - Slides per view (Image story)
What is Carousel Component?
A carousel is a UI component that uses a single view to show multiple items. The items are shown in the view by rotation. Some carousels allow the rotation to be time-triggered; others allow user interaction with bullet points (free navigation) or arrows (forward or backward). It can be used to display products, testimonials, images and more.
Specifications:
- This component can accept .jpg, .png, .svg and .gif formats of image files.
- Ideally, all images which are used on this component for across your website should be optimized for web and follow consitent image aspect ratio. (i.e. 1:1, 4:3, 16:9, 21:9)
View 6
In this View 6, Images/video will be displayed on the right side. On the left side, The story of each image will be presented. Additionally, we have an option to provide a Button which links to the desired page. we can also link image/video to the desired pages using " On click target " option.
we can provide the name & designation of the Person visible in the image using name & designation fields with two available colors ( Dark/white)
View 6
In this View 6, Images/video will be displayed on the right side. On the left side, The story of each image will be presented. Additionally, we have an option to provide a Button which links to the desired page. we can also link image/video to the desired pages using " On click target " option.
we can provide the name & designation of the Person visible in the image using name & designation fields with two available colors ( Dark/white)
Authoring Guide
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Patients
