/Slider

Primary LanguagePHP

Excellence_Slider V-2.0

Magento 2 Extension

Slider Extension help you setup different slides on your magento store and easily manage images.

Features:

  1. Easily add sliders to your store pages
  2. Manage your images easily through admin interface
  3. Configure slider position, choose from latest slider libraries
  4. Select Slider According to there Different Effects
  5. Manage URL on Each Slider Images
  6. Configure Same Slider on Multiple Category/Products
  7. Manage Slider On custom Widget
  8. Stretch/Compress Slider Image
  9. You can add slider on any phtml file
  10. You can add slider on any cms page
  11. You can add slider through any xml file

How Slider Works

📝 Slider Effects

✴️ Each Slider Comes With its additional Features in which its good Enough.Due to Which USer Can able to Customize its slider According to there need
🕐 User Can able to Adjust The slider speed according to there need
✔️ Can enable/disable Slider image loop functionality for image looping
✔️ Can enable/disable Fade option to get the fade_In funtionality on slider Image
✔️ PauseONHover Functionality for slider to stop slider when a User points its cursor on slider Image
✔️ Enable Dot as a Navigation bar on slider
✔️ Can Able to Select number of Images to show on Slider in one slide
__________________________________________________________________________________________________ ## Steps For Activation
Path:Login To Your Admin>Store>Configuration>Excellence>Slider Setting>Select Slider.
Description:
✏️ Login to Your admin Account
✏️ Click on Store option on left menu bar at bottom
✏️ Then Select Configuration Text
✏️ A configuration page will open, then click on Excellence from left grid
✏️ Then Click on Enable Awesome Slider and Select slider with desire Effects as You want to Apply
✏️ Fill the desire fields then click on save button
✏️ Now the slider has been activated on Your desire pages with your custom Effects
******************************************************************************************************
📝 URL on Sliders
✏️ Now you can able to apply url on each image of slider available with multiple options in which you can select url for product/category/CMS page and can able to add its csutom URL also.
_______________________________________________________________________________________________________ ## Steps For Activation
Path:Login To Your Admin>XmageStore Logo>Manage Slides>Add New Slide>Select Page For URL(dropdown Option)
Description:
✏️ Login to Your admin Account
✏️ Click on XmageStore option on left menu bar
✏️ Then Click on manage Slide
✏️ A manage Slide page will open, then click on Add New Slide Button
✏️ Then Click on Select Page For URL and Select URL for desire page
✏️ Fill the desire fields then click on save button
✏️ Now the URL has been applied on Your slider
******************************************************************************************************
📝 Single slider on Multiple Products/category pages
✏️ Now A single Slider can able to configure on multiple Products/Category, so that a single slider will be display on multi selected Products/Categories
_______________________________________________________________________________________________________ ## Steps For Activation
Path:Login To Your Admin>XmageStore Logo>Manage Slider pages>Add New Slider>Show Slider On(dropdown Option)
Description:
✏️ Login to Your admin Account
✏️ Click on XmageStore option on left menu bar
✏️ Then Click on manage Slider pages
✏️ A manage Slider pages page will open, then click on Add New Slider Button
✏️ Then Click on Show Slider On and Select the pages on which you want to apply for
✏️ Fill the desire fields then click on save button
✏️ Now the slider has been applied on Your selected pages
******************************************************************************************************
📝 Slider ON Custom Widget
✏️ Slider will be now applied on custom Widget part If user enable its excess from admin in Manage Slider Pages
_______________________________________________________________________________________________________ ## Steps For Activation
Path:Login To Your Admin>Widget>Manage Slider pages>Add New Slider>Show Slider On(dropdown Option)
Description:
✏️ Login to Your admin Account
✏️ Click on XmageStore option on left menu bar
✏️ Then Click on manage Slider pages
✏️ A manage Slider pages page will open, then click on Add New Slider Button
✏️ Then Click on Show Slider On and Select the pages on which you want to apply for
✏️ Fill the desire fields then click on save button
✏️ Now the slider has been applied on Your selected pages
******************************************************************************************************
📝 Slider image Configuration
✏️ In Add slider part, a functionality has been given to stretch image on slider.

Screenshots:

Excellece Slider

Manage Slider Pages

Excellece Slider


Excellece Slider

Manage Slides

Excellece Slider


Excellece Slider

___________________________________________________________________________________________________

Use the following table to verify you have the correct prerequisites to install this Extension.

Prerequisite How to check For more information
Apache 2.2 or 2.4 Ubuntu: apache2 -v
CentOS: httpd -v		 Apache
PHP 5.6.x, 7.0.2, 7.0.4 or 7.0.6 php -v PHP Ubuntu
PHP CentOS
MySQL 5.6.x mysql -u [root user name] -p MySQL

How to add on cms pages :-

example : 

 {{block class="Excellence\Slider\Block\Slider" name="customSlider" sliderId="1" template="Excellence_Slider::custom-page-slider.phtml"}}

How to add on phtml file :-

example : 

1:  echo $this->getLayout()

2:           ->createBlock("Excellence\Slider\Block\Slider")

3:           ->setSliderId('1')

4:           ->setTemplate("Excellence_Slider::custom-page-slider.phtml")

5:           ->toHtml();

How to add using xml file :-

Note : Only a custompage slider can be used in xml file

example : 

1:  <block class="Excellence\Slider\Block\Slider" name="header.contact.block" template="Excellence_Slider::custom-page-slider.phtml" before="-">

2:         <arguments>

3:            <argument name="sliderId" translate="true" xsi:type="string">1</argument>

4:         </arguments>

5:  </block>