.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ======================================================================= EXT: Responsive Orbit slider of Foundation, extended with text and link ======================================================================= :Author: Christopher :Created: 2010-12-18T19:57:23 :Changed: 2014-06-03T11:04:37.360000000 :Classification: orbitextended :Description: The keywords help with categorizing and tagging of the manuals. You can combine two or more keywords and add additional keywords yourself. Please use at least one keyword from both lists. If your manual is NOT in english, see next tab "language" ---- forEditors (use this for editors / german "Redakteure") forAdmins (use this for Administrators) forDevelopers (use this for Developers) forBeginners (manuals covering TYPO3 basics) forIntermediates (manuals going into more depth) forAdvanced (covering the most advanced TYPO3 topics) ---- :Keywords: orbit, foundation, responsive slider, carousel, slideshow, orbit foundation :Author: Plamen Petkov :Email: mcplamen@gmail.com :Language: en .. _img-1-img-2-EXT-Responsive-Orbit-slider-of-Foundation-extended-with-text-and-link: |img-1| |img-2| EXT: Responsive Orbit slider of Foundation, extended with text and link ======================================================================================= Extension Key: orbitextended Language: en Version: 0.3.3 Keywords: orbit, foundation, responsive slider, carousel, slideshow, orbit foundation Copyright 2014-2014, Plamen Petkov, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml The content of this document is related to TYPO3 \- a GNU/GPL CMS/Framework available from www.typo3.org .. _Table-of-Contents: Table of Contents ----------------- **`EXT: Responsive Orbit slider of Foundation, extended with text and link 1 <#__RefHeading__5708_1738894311>`_** **`Introduction 3 <#__RefHeading__5710_1738894311>`_** `What does it do? 3 <#__RefHeading__463_413120346>`_ `Screenshots 3 <#__RefHeading__465_413120346>`_ **`Users manual 4 <#__RefHeading__467_413120346>`_** `FAQ 5 <#__RefHeading__31509_818911409>`_ **`Administration 6 <#__RefHeading__31511_818911409>`_** **`Configuration 7 <#__RefHeading__31515_818911409>`_** **`Tutorial 8 <#__RefHeading__31523_818911409>`_** **`Known problems 9 <#__RefHeading__31525_818911409>`_** **`To-Do list 10 <#__RefHeading__477_413120346>`_** **`ChangeLog 11 <#__RefHeading__31623_818911409>`_** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ Orbit is an easy, powerful, responsive image slider that allows users to swipe on touch-enabled devices. Orbit responsive slider is a part of the most advanced responsive front-end framework in the world Foundation.Now I have extended capabilities of slider with text and link sections. .. _Screenshots: Screenshots ^^^^^^^^^^^ This is how it looks with default settings of slider. |img-3| Users manual ------------ Orbit slider is a part of Foundation framework and in order to use it you have to include Foundation files in you page at first. The easiest way is with the extension "df\_foundation5". Download, install and include necessary templates (see image at 3.). Another option is to include Foundation files with Typoscript, it is more flexible solution. I prefer this solution. Here are the steps: 1. Download the Extension 2. Go to “Extension Manager” of your TYPO3-Page and upload the Extension and then activate it. Include the Static Templates following the image below: |img-4| 4. Create Sysfolder Go to Page > Create new pages > Folder. Drag “Folder” to your Pagetree. Rename that folder to e.g. “slider”. 5. Add Slider Items Go to List > “Your storage folder” > Create new record. Click on “Orbit” in order to create an object. |img-5| Slides must be added with "Create new" of field "Images", see the image above 6. Go to Page > Select the page where you want to put the slider > New content element > Plugins > General Plugin > from dropdown menu "Selected Plugin" choose "orbit\_foundation". 7. Tab "Behaviour" and from "Record Storage page" select your storage page "slider", see image belowYou can change default settings of orbit slider through field "settings", see the image below for assistance. |img-6| FAQ ^^^ If you have any ideas, questions or bug requests, don't hesitate to send them to mcplamen@gmail.com .. _Administration: Administration -------------- See users manual. .. _Configuration: Configuration ------------- Extension “orbitextended” has its own css file included (orbitextended.css). Now caption text is hidden. You can hide,unhide or replace caption, text and link block according to your wish css settings. .. _Tutorial: Tutorial -------- See users manual. .. _Known-problems: Known problems -------------- Extension is tested on real sites, if you come across any bug or problem, let me know. .. _To-Do-list: To-Do list ---------- Any suggestions or ideas are welcome .. _ChangeLog: ChangeLog --------- .. ### BEGIN~OF~TABLE ### .. _0-3-0: 0.3.0 ^^^^^ .. container:: table-row Version 0.3.0 Changes Initial upload of extension .. ###### END~OF~TABLE ###### .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. :border: 0 .. :height: 44 .. :id: graphics5 .. :name: graphics5 .. :vspace: 57 .. :width: 161 .. |img-2| image:: img-2.png .. :align: left .. |img-3| image:: img-3.jpeg .. :align: left .. :border: 0 .. :height: 421 .. :id: graphics1 .. :name: graphics1 .. :width: 590 .. |img-4| image:: img-4.jpeg .. :align: left .. :border: 0 .. :height: 279 .. :id: graphics2 .. :name: graphics2 .. :width: 631 .. |img-5| image:: img-5.jpeg .. :align: left .. :border: 0 .. :height: 367 .. :id: graphics3 .. :name: graphics3 .. :width: 384 .. |img-6| image:: img-6.jpeg .. :align: left .. :border: 0 .. :height: 224 .. :id: graphics8 .. :name: graphics8 .. :width: 631