CS-Cart Accordion Slider
You can display the product name, category name, or a custom title with a clickable image for each slide.
You can select background colors for banners and headings, and also add icons as needed.
Check the overview of the module CS-Cart Accordion Slider
Features
-
Works seamlessly across all major browsers.
-
Fully configurable from the admin panel.
-
Features a responsive accordion design that adapts to all screen sizes.
-
Offers multiple slideshow themes for a personalized look.
-
Includes various transition effects for smooth slides.
-
Allows enabling or disabling of autoplay as needed.
-
Let’s you set slide titles using product names, category names, or custom text with images and gradient colors.
-
Enables adding background colors or images to banners.
-
Allows customizing heading colors for better design consistency.
-
Supports adding icons to enhance visual presentation.
Video Tutorial
Installation
After downloading the CS-Cart Accordian Slider add-on, you’ll get one zip file, one install.txt file, and a relevant User Guide manual doc.
Please read it carefully for proper configuration.
Go to Manage Add-ons, and click on “Manual Installation” as shown below in the snapshot.
Click on “Local” to browse the zip file, and then click on “Upload & Install” as shown below in the snapshot.
Module Configuration | Admin
To configure the module, go to the Add-Ons >> Developers >> Webkul Software Pvt Ltd. >> Accordian Slider >> Settings
- Width: Set the banner’s width according to your layout preferences.
-
Slide Speed: Choose the speed at which slides transition.
-
First Slide: Select the slide that should appear first in the sequence.
-
Pause on Hover: Enable this option to pause the slideshow when hovered over.
-
Auto Play: Turn this on to make the slideshow play automatically.
Slide Creation
To create a slider, navigate to Website → Accordion in the admin panel.
-
Select Category: Pick the categories you want to showcase in the slideshow.
-
Select Product: Choose specific products to feature in the slide display.
-
Select Custom: Enter your preferred custom title or content to display in the slide.
-
Background Type: Choose either an image or your preferred color for the background.
-
Accordion Icon: Select an icon to display on the banner.
-
Status: Select the status to activate or disable the slide.
-
Use Title: Enable this option to display the title in the slide list.
-
Image Caption: Add a caption for the image.
-
Caption Status: Activate this option to display captions on the slide.
-
Image Link: Provide a link to redirect users to the desired page or add-on.
-
Banner Heading: Enter the heading for the banner.
-
Banner Heading Color: Choose a color for the banner heading.
-
Bullet Point: List the key features or highlights of the add-on.
After creating the banner, you can edit or delete it as needed.
The admin can also perform bulk actions on slides, such as deleting, disabling, or activating multiple slides at once.
Layout Setting
To configure the layout, navigate to Website >> Themes in the admin panel.
Select Layout to add a new layout for the slider, and choose the position where you want to place it on the page.
The banners are visible on the storefront, allowing customers to view them directly on the frontend.
Customers can view the banners on the storefront.
Support
If you have any questions, suggestions, or customization requests, feel free to contact us at support@webkul.com or submit a ticket at webkul.uvdesk.com.
Explore our premium-quality CS Cart Extensions to enhance your store functionality.
You can also explore our CS-Cart Development Services and Quality CS-Cart add-ons.