Magic Slider

Magento 2 Extension — User Guide & Documentation

Magento 2.3.x / 2.4.xBy MagepowAdmin + Frontend
Vendor
Magepow Extensions
Online docs
docs.magepow.com

1 · Installation

Two ways to install — via Composer or by uploading the app folder. Both end with the same Magento CLI steps.

Before you begin: install the extension on a staging/test server first, and take a full backup of your files and database — especially on a live store.

System requirements

  • Magento 2.3.x / 2.4.x installed and working
  • PHP, MySQL/MariaDB and web server meeting Magento 2 system requirements
  • SSH access to run Magento CLI commands

Method 1 — Install via Composer (recommended)

  1. Open a terminal in your Magento 2 root directory and require the package:
    composer require magepow/magicslider
  2. Run the Magento setup upgrade:
    php bin/magento setup:upgrade
  3. Deploy static content (production mode):
    php bin/magento setup:static-content:deploy -f
  4. Flush the cache:
    php bin/magento cache:flush

Method 2 — Manual install (upload app folder)

  1. Download the extension package and unzip it. Upload the app folder to your Magento 2 root so it merges with the existing app directory.
  2. Run the following commands from the Magento 2 root:
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy -f
    php bin/magento cache:flush
  3. Log out of the Admin panel and log back in to refresh access permissions, then clear the cache under System > Cache Management.
Tip: while configuring the store, disable full-page and additional PHP caches (Varnish, Redis, OPcache/APCu) so changes appear immediately. Re-enable them when you are done.

2 · Configuration & Usage

All settings live in the Magento Admin panel. Screenshots below match the default Admin theme.

1 - Configuration

To Enable/Disable Magic Sliders, You go to Admin > Stores > Configuration > MAGICCART > Magicslider as the image below

magicslider config

2 - Manage Slider

Go to Admin Panel > Magiccart > Magiccart > Magic Slider > Slider

magicslider add or edit

This is the place where you can change add or edit banner slider

2.1 - Config Information

This part allows you can change Title, Identifier, Enable/Disable the Slider

magicslider add or edit general info

2.2 - Images And Videos

This part allows you can upload images/videos to the Slider

magicslider add or edit img video

magicslider upload

2.3 - Images And Videos For Mobile

This part allows you can upload images to the Slider but fits for mobile

magicslider add or edit img for mobile

2.4 - Responsive Information

This part allows you can config the Slider for responsive

magicslider add or edit responsive

2.5 - Configure Information

This part allows you can config other information for the Slider such as Slide Vertical, Infinite, Auto Play, Speed,...

magicslider add or edit Config info

2.6 - Add or edit info image

On slider grid, click on image to popup/show the image, then you can change it as the image below

magicslider edit info

  • Alt text:Support SEO purposes
  • Link: Link for image when clicking on images
  • Caption: Allow user to customize code when needed
  • Disabe/Enable Image

2.7 - How To Show Slider On The Frontend

After Create/Edit a slider you can go to Content > Pages or Content > Blocks, then Insert Widget as images below

add widget

Choose the "Widget Type" is Magicslider Widget and choose the Identifier and Template for the slider as the image below:

magicslider add to block

3 - Results in Frontend

magicslider

3 · Support

Found a bug or need customization? Contact us — we usually reply within 24–48 hours.

Need help?

Bug reports

If you find a bug, please report it via the ticket system with steps to reproduce, expected vs. actual behavior, and any relevant logs (var/log/system.log, var/log/exception.log).