[T3EXT DAY] All in One Slider Plugin

[T3EXT DAY] All in One Slider Plugin

Slider displays are ideal for organizing content into a decent clean module. A slider gives another, innovative, and in vogue, way to deal with indicate essential information with pictures or a relative picture with the news. It can be a more engaging decision than essentially putting little pictures on a page with highlights, empowering substance to mix with everything else.

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:

Step 1: Switch to the module “Extension Manager”.

Step 2: Get the extension -

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

Step 3: Now the install the Extension.

2.2. Preparation: Include static TypoScript:

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

Step 1: Go to Template Module.

Step 2: Switch to Root page.

Step 3: Select Info/Modify option from drop-down.

Step 4: Click on Edit the whole template record button.

TYPO3-EXTns_all_sliders-Install-1-min

Step 5: Switch to Includes tab.

Step 6: Search for Extension and after search click on extension name.

Verify that your selected extension move to the selected items.

TYPO3-EXTns_all_sliders-Install-1-min

3. Configuration:

Quick & Easy configuration of "All Sliders" into TYPO3

Step 1: Go to the Template module.

Step 2: Switch to the root page.

Step 3: Select Constant Editor.

Step 4: 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-Install

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

TYPO3-EXTns_all_sliders-Install

Step 6: Create Storage Folder for this plugin.

Step 6.1 Go to the List module.

Step 6.2 Open the General storage and click on Create new record.

Step 6.3 Click on Gallery and Add images.

TYPO3-EXTns_all_sliders-Install

Step 7: Now configure this plugin.

Step 7.1 Go to Page Module.

Step 7.2 Open the page where you want to add this plugin.

Step 7.3 Click on add content button and switch to Plugins tab.

Step 7.4 Select the Slider plugin.

TYPO3-EXTns_all_sliders-Install

Step 7.5: Now move to Plugin tab.

Step 7.6: Select slider as per the requirement.

Step 7.7: Add the Storage folder.

TYPO3-EXTns_all_sliders-Install

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

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

Need expert tips? Check out our Blog!

This website uses cookies

This website uses cookies to improve user experience. By using our website you consent to all cookies in accordance with our Cookie Policy.