[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

Ein junger Technologie-Enthusiast und Unternehmer. Mit 24 Jahren war er Mitbegründer von NITSAN - einer TYPO3-Agentur in Bhavnagar, Indien. Er ist ein gefragter Vermarkter von NITSAN, akkreditiert mit dem Management von Kundendienstteams, Kooperationen mit Agenturen und Kunden, Projektausführungen und mehr. Ein Tech-Typ im wahrsten Sinne des Wortes, Sanjay ist der eigentliche TYPO3 Guru bei NITSAN.

Hinterlasse einen Kommentar

Need expert tips? Check out our Blog!

Diese Webseite nutzt Cookies

Diese Webseite nutzt Cookies zur Verbesserung des Erlebnisses unserer Besucher. Indem Sie weiterhin auf dieser Webseite navigieren, erklären Sie sich mit unserer Verwendung von Cookies einverstanden.