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)
View 1
Below are the configurable options for Editors:
- Asset type allowed: image.
- The image will span the full width of the screen.
- Option to configure pre-title, title, and description which are positioned below the image. These can scale to the width of the carousel image or can be split across 2 divisions.
- Option to configure link while clicking on the carousel image.
The below options can be configured as part of Carousel control options:
- Autoplay of slides & option to configure the transition time.
- Enable/disable touch for mobile devices.
- Option to change the carousel control from dots to pagination.
View 2
The below options can be configured as part of Carousel control options:
- Autoplay of slides & option to configure the transition time.
- Enable/disable touch for mobile devices.
View 3
Below are the configurable options for Editors:
- Asset type allowed: image.
- Image & caption displayed on the left & description displayed on the right.
- Ability to configure links on images.
View 4
Below are the configurable options for Editors:
- Asset type: image
- Carousel images appear next to each other with an option to configure captions & links to requested pages.
- Image captions appear on the bottom left of each carousel item.
View 5
The below options can be configured as part of Carousel control options:
- Autoplay of slides & option to configure the transition time.
- Enable/disable touch for mobile devices.
View 6
The below options can be configured as part of Carousel control options:
- Autoplay of slides & option to configure the transition time.
- Enable/disable touch for mobile devices.
- Asset allowed : images. It can additionally incorporate (articles, titles and topics) onto the images with the option to choose between dark or white theme colors.
- The Article/title/topics will be overlaid on the image in this view.
- Furthermore, Each image can be linked to a desired page using the "Link URL" field.
View 7
The below options can be configured as part of Carousel control options:
- Autoplay of slides & option to configure the transition time
- Enable/disable touch for mobile devices
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
