Commit d0844253 authored by Vandna Makwana's avatar Vandna Makwana

[TODO] Added EXT:ns_news_slick_slider

parent 6458eec1
.. include:: ../Includes.txt
.. _faq:
==================
Get This Extension
==================
Get this extension from https://extensions.typo3.org/extension/ns_news_slick or https://t3terminal.com/ns-news-slick
\ No newline at end of file
.. include:: ../Includes.txt
=============
Configuration
=============
.. toctree::
SlickSliderConfiguration/Index
\ No newline at end of file
.. include:: ../Includes.txt
==========================
Setup News Slick Slider
==========================
Add News Slick slider Plugin from Add New Element popup into news detail page.
.. figure:: Images/AddNewsSlickSlider.jpeg
:alt: General Settings of News slick slider Plugin
========================================
General Settings of News Slick Slider
========================================
.. figure:: Images/SlickSliderConfiguration1.jpeg
:alt: Slick Slider Plugin Configuration steps
- **Step1** -> There are 3 types; single, multiple & responsive image view, choose one of them & apply changes accordingly.
- **Step2** -> Setup number of slides to show on front end.
- **Step3** -> Setup how many slides you want to slide when scroll slider.
- **Step4** -> Choose slider transmission speed.
.. figure:: Images/SlickSliderConfiguration2.jpeg
:alt: Slick Slider Plugin Configuration steps
- **Step5** -> Enable option variable width, if you want.
- **Step6** -> Enable checkbox if you need to display the dots below to the slider.
- **Step7** -> Enable Loop checkbox to set loop upon slider images.
- **Step8** -> If you need to autoplay the slider images then enable the autoplay checkbox.
- **Step9** -> Center mode option facilitates to setup padding on slider.
- **Step10** -> Once you enable the center mode checkbox then you can apply the padding according to your needs.
One more thing i would to share that, You may include the Jquery from constant editor, and can setup the template path. that's it.!
.. figure:: Images/news_slick_Include_Jquery.jpeg
:alt: Slick Slider Plugin Configuration steps
Now check your news record on news detail page with awesome slick slider.!
.. This is 'Includes.txt'. It is included at the very top of each and
every ReST source file in THIS documentation project (= manual).
.. role:: aspect (emphasis)
.. role:: html(code)
.. role:: js(code)
.. role:: php(code)
.. role:: typoscript(code)
.. role:: ts(typoscript)
:class: typoscript
.. default-role:: code
.. highlight:: php
.. include:: Includes.txt
=================
EXT:ns_news_slick
=================
.. toctree::
:glob:
Introduction/Index
Installation/Index
Configuration/Index
Support
BuyNow
\ No newline at end of file
.. include:: ../Includes.txt
.. _installation:
============
Installation
============
Just install this extension the usual way like any other TYPO3 extension.
1. Get the extension
====================
In the TYPO3 backend you can use the extension manager (EM).
Step 1. Switch to the module “Extension Manager”.
Step 2. Get the extension.
Step 3. Get it from the Extension Manager: Press the “Retrieve/Update” button and search for the extension key ns_news_slick and import the extension from the repository.
Step 4. Get it from typo3.org: You can always get the current version from https://extensions.typo3.org/extension/ns_news_slick by downloading either the t3x or zip version. Upload the file afterwards in the Extension Manager.
.. figure:: Images/install_extension.jpeg
:alt: Install Extension
2. Activate the TypoScript
==========================
The extension ships some static TypoScript code which needs to be included.
Step 1. Switch to the root page of your site.
Step 2. Switch to the Template module and select Info/Modify.
Step 3. Click the link Edit the whole template record and switch to the tab Includes.
Step 4. Select [NITSAN] News slick slider at the field Include static (from extensions):
Step 5. Include [NITSAN] News slick slider at the last place.
.. figure:: Images/activate_typoscript.jpeg
:alt: Activate Typoscript
:width: 1300
\ No newline at end of file
.. include:: ../Includes.txt
============
Introduction
============
[NITSAN] News Slick Slider
==========================
.. figure:: Images/typo3-ext-news-slick-slider.jpg
:alt: Extension Banner
What does it do?
================
Add functionality to your TYPO3 website to display slick image slider to your news detail page using our TYPO3 plugin ns_news_slick.
Fully responsive, Swipe enabled, Desktop mouse dragging and Infinite looping.
Fully accessible with Autoplay, dots, arrows and much more.
It faciltates various slider options such as single image, multiple and responsive image view slider.
NS_News_Slick is lightweight, extensive, extendable, easy to use and be predestined to use with TYPO3.
**FEATURES:**
- 3 Image Slider view type Designs.
- Fully Responsive.
- Display unlimited number of slider images.
- Touch-enabled Navigation.
- Can be integrated to any news detail page.
- Fully accessible with arrow key navigation
- You can customize the extension according to your website needs like, give variable width, set image height/width, set transmission speed etc.
- Enable/Disable whether to display dots, auto-play, loop, center mode, etc.
- Define number of slide to display, how many slider image to scroll.
- You may include jQuery library also.
Screenshots
===========
.. figure:: Images/Preview_NS_News_Slick_slider.jpeg
:alt: Extension Banner
\ No newline at end of file
.. include:: ../Includes.txt
=======
Support
=======
1. Email: [email protected]
2. Web: https://www.t3terminal.com/
\ No newline at end of file
......@@ -23,6 +23,7 @@ Welcome to Documentation
ExtNitsanMaintenance/Index
ExtNsNewsAdvancedSearch/Index
ExtNsNewsComments/Index
ExtNsNewsSlickSlider/Index
ExtNsNewsSlider/Index
ExtNsProtectSite/Index
ExtNsRevolutionSlider/Index
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment