Back to Top

Cs-Cart Accordion Slider

Updated 2 July 2024

Cs-Cart Accordion Slider is an awesome Addon by which you can display slideshow in a very beautiful manner with the help of many themes & effects. You can display the Product name/Category name/Custom name as a title with a linkable image of any slide.

Features

  • Add any number of images with captions and text.
  • Works in all browsers.
  • Works on many events.
  • Fully admin configurable.
  • Responsive Accordion.
  • Multiple slideshow themes and effects.
  • Set enable/disable autoplay.
  • Set slide title using product/category/custom name with linkable slide image.
  • It also supports multi-store functionality.

Video Tutorial

Installation

When you’ll download the CS-cart Accordion Slider you’ll get the zip file (unzip_Accordion_cs-cart_4.2.x) of the installer, a pdf, and an install.txt file. Read the pdf carefully for further configuration. Go to “Manage add-ons”, and by clicking on the settings icon you can be able to manually install the zip file as shown.

CS-Cart Accordion Slider

Click on “Local” to browse the zip file and then click on “Upload & Install” as shown below in the snapshot.

Cs-Cart Accordion Slider

Find the Best CS-Cart
Development Company
Find out More

Once the installation will complete the accordion slider will show in the add-on list.

Cs-Cart Accordion Slider

Activate CS-Cart Accordion Add-on

Click on “settings” to Enable, Disable, and Install the module.

Cs-Cart Accordion Slider

Once the plugin gets installed admin needs to do some Accordion settings from the setting tab.

Configuration

After successful installation click on accordion slider for slider settings.

Cs-Cart Accordion Slider

Here admin will do some slider settings like width, slide width, slide speed, and first slide.

Cs-Cart Accordion Slider

To complete the settings fill in the remaining options like pause on hover, autoplay, active on, theme, and easing.

Note: The admin can change the theme according to their choices like Basic, dark, light, round dark, and stitch.

Slide Creation

The admin can create the slides for the accordion slider. They need to move to the Website menu and then hover over the accordion option.

Cs-Cart Accordion Slider

Once click on Accordion it will navigate to another page where the admin can create the slides from add button.

CS-Cart Accordion Slider

When the admin clicks on add button it navigates to another page where slide details need to be entered.

cs-cart accordian

The admin can add slides based on category.

cs-cart accordian

Based on Product:

cs-cart accordian

Or add a custom slide according to the use.

Cs-Cart Accordion Slider

After choosing this information add the accordion image, status, and remaining options.

cs-cart accordion

Afterward, add the use title, image caption, caption status, and image link. Once it’s done slide will display in the slide list.

Cs-Cart Accordion Slider

Admin can also search the accordion slide based on Id, product name, category name, custom, and image caption.

Bulk Option

The admin can perform bulk action on slides as bulk delete, disable, and activate.

Cs-Cart Accordion Slider

Edit Slide

The admin can edit any slide data according to the use.

CS-Cart Accordion Slider

Once the admin clicks on the edit button it will navigate to another page.

CS-Cart Accordion Slider

Layout Setting

CS-Cart Accordion Slider

Here, the admin needs to click on the Layout option and it will navigate to another page.

CS-Cart Accordion Slider

Where admin can see the layout of the website and according to their need add blocks to the layout.

CS-Cart Accordion Slider When the admin clicks on add block option a new bar will open, where the admin can create a new block by choosing a template option.

CS-Cart Accordion Slider

Here, needs to choose the template option so it will navigate to another page.

CS-Cart Accordion Slider

Here, fill block name and choose an accordion template and create the block.

The admin can manage the block by manage block tab in the layout.

CS-Cart Accordion Slider

Front-End

After the successful setup of this module, you can find Accordion Slider at the front end. It will be based on the initial accordion settings.

Basic:-

CS-Cart Accordion Slider

Light:-

CS-Cart Accordion Slider

Dark:-

Cs-Cart Accordion Slider

Round-Dark:-

Cs-Cart Accordion Slider

Stitch:-

CS-Cart Accordion Slider

SUPPORT :

That’s all for the CS-Cart Accordion Slider, still have any issue feel free to add a ticket and let us know your views to make the module better http://webkul.com/ticket/index.php. Besides this you can explore our cs-cart Development Services and Quality cs-cart add-ons

Current Product Version - 1.4.1

Supported Framework Version - 4.13.x - 4.18.x

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content