• Home
  • /
  • Blog
  • /
  • [T3EXT DAY] All in One Slider Plugin

[T3EXT DAY] All in One Slider Plugin

 

[T3EXT DAY] All in One Slider Plugin (EXT:ns_all_sliders)

What does it do?

One of the only TYPO3 extension which provides to use most popular jQuery slider plugins at your website. This TYPO3 extension provides to configure sliders eg., Nivo Slider, Royal Slider, Owlcarousel, Sliderjs Slider & more will be available in an upcoming version.

1. Nivo Slider

TYPO3-EXTns_all_sliders-Nivo-min

2. Owlcarousel Slider

TYPO3-EXTns_all_sliders-Owl-min

3. Royal Slider

TYPO3-EXTns_all_sliders-Royal-1-min

4. Slidejs Slider

TYPO3-EXTns_all_sliders-Slide-min

1. Overview:

Extension Key: ns_all_sliders
Extension URL: https://extensions.typo3.org/extension/ns_all_sliders/
Documentation: https://docs.typo3.org/typo3cms/extensions/ns_all_sliders/
Support: https://github.com/nitsan-technologies/ns_all_sliders/issues
Version: 1.0.0
Category: Frontend Plugin
TYPO3 version: (6.0.0 - 8.9.99)

2. Installation:

The extension needs to be installed as any other extension of TYPO3 CMS:

2.1. Install Extension from EM:

  • Switch to the module “Extension Manager”
  • Get the extension
  • Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_all_sliders and import the extension from the repository.
  • Get it from typo3.org: You can always get current version from http://typo3.org/extensions/repository/view/ns_all_sliders/current/ by downloading either the t3x or zip version. Upload the file afterward in the Extension Manager.

TYPO3-EXTns_all_sliders-Install-1-min

2.2. Preparation: Include static TypoScript:

The extension ships some TypoScript code which needs to be included.

  • Switch to the root page of your site.
  • Switch to the Template module and select Info/Modify.
  • Click the link Edit the whole template record and switch to the tab Includes.
  • Select [NITSAN] AllSliders (ns_all_sliders) at the field Include static (from extensions):

TYPO3-EXTns_all_sliders-Install-2-min

3. Configuration

Quick & Easy configuration of "All Sliders" into TYPO3

Step 1: Switch to the Template module and select Constant Editor.

Step 2: Select Category as follows PLUGIN.TX_NSALLSLIDERS_OWLCAROUSEL (17), PLUGIN.TX_NSALLSLIDERS_ROYALSLIDER (29), PLUGIN.TX_NSALLSLIDERS_SLIDERJS (14), PLUGIN.TX_NSALLSLIDERS_NIVOSLIDER (4) You can configure it as per your requirement.

TYPO3-EXTns_all_sliders-config-1-min

Step 3: Include Jquery if you have not included yet in your project.

TYPO3-EXTns_all_sliders-config-2-min

TYPO3-EXTns_all_sliders-config-3-min

Step 4:Create Storage Folder for this plugin.

TYPO3-EXTns_all_sliders-config-4-min

Step 5: Add those plugins in to page where you want to use these sliders. And configure it as per your requirement.

TYPO3-EXTns_all_sliders-config-5-min

Step 6: Add Storage Folder where your slider images are stored.

TYPO3-EXTns_all_sliders-config-6-min

4. Clear Cache:

Please, clear cache from top panel 'Flush frontend caches' & 'Flush general caches'. It will be also great to clear cache from Install tool too.

5. Support:

Feedback & Suggestions:

Just download & try the EXT:ns_all_sliders extension. You can write down your feedback/suggestion/comments to below comment box. So, we will adapt it for next version of EXT:ns_all_sliders.

Now, Enjoy with adding your favourite 'slider' at your cool TYPO3 website

 

Sanjay Chauhan - TYPO3 Technopreneur

Sanjay Chauhan - TYPO3 Technopreneur

A young technology enthusiast and entrepreneur. At 24, he co-founded NITSAN – a TYPO3 Agency in Bhavnagar, India. He is sought-after marketing face of NITSAN, is accredited with the management of customer-service teams, collaborations with agencies and clients, projects executions, and more. A tech guy in every sense of the word, Sanjay is the real TYPO3 Guru at NITSAN.


Leave A Comment

Read Also