[T3EXT DAY] All in One Slider Plugin

[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.

Key features of ns_all_sliders extension:

  • Lex Slider
  • bxSlider
  • Owl Carousel
  • Nivo Slider
  • Responsive Slides – Responsive & incredibly light weight
  • Polaroids Gallery
  • Easy To Use
  • Autoplay Option
  • Touch Screen
  • Customizable Borders

1. Front-end view after plug-in installation

1.1 Nivo Slider

TYPO3-EXTns_all_sliders-Nivo-min

1.2 Owlcarousel Slider

TYPO3-EXTns_all_sliders-Owl-min

1.3 Royal Slider

TYPO3-EXTns_all_sliders-Royal-1-min

1.4 Slidejs Slider

TYPO3-EXTns_all_sliders-Slide-min

1. Overview of extension

Extension Key:ns_all_sliders
Extension URL:https://extensions.typo3.org/extension/ns_all_sliders/
Documentation:https://www.nitsan.in/blog/post/t3ext-day-all-in-one-slider-plugin/
Support:https://github.com/nitsan-technologies/ns_all_sliders/issues

2. Back-end view after plug-in installation

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

2.1 Get the extension

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 https://extensions.typo3.org/extension/ns_all_sliders/ 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 Activate the 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

2.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

3. Clear clearing

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

4. 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.