.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ===================================== EXT: Sellector.com Widget Integration ===================================== :Author: Kasper Skårhøj :Created: 2002-11-01T00:32:00 :Changed by: Christian Hennecke :Changed: 2010-02-06T11:55:42 :Classification: chsellector :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) see more: http://wiki.typo3.org/doc_template#tags ---- :Keywords: forEditors, forBeginners, selection, navigation, search, widget :Author: Sellector GmbH :Email: info@sellector.com :Info 4: :Language: en |img-1| |img-2| EXT: Sellector.com Widget Integration - chsellector .. _EXT-Sellector-com-Widget-Integration: EXT: Sellector.com Widget Integration ===================================== Extension Key: chsellector Language: en Keywords: forEditors, forBeginners, selection, navigation, search, widget Copyright 2010, Sellector GmbH, 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: Sellector.com Widget Integration 1 <#1.EXT:%20Sellector.com%20Widget%20Integration|outline>`_ **`Introduction 3 <#1.1.Introduction|outline>`_** `What does it do? 3 <#1.1.1.What%20does%20it%20do_|outline>`_ `Screenshots 3 <#1.1.2.Screenshots|outline>`_ **`Users manual 5 <#1.2.Users%20manual|outline>`_** `FAQ 5 <#1.2.1.FAQ|outline>`_ **`Administration 6 <#1.3.Administration|outline>`_** `FAQ 6 <#1.3.1.FAQ|outline>`_ **`Configuration 7 <#1.4.Configuration|outline>`_** `FAQ 7 <#1.4.1.FAQ|outline>`_ **`Known problems 8 <#1.5.Known%20problems|outline>`_** **`To-Do list 9 <#1.6.To-Do%20list|outline>`_** **`ChangeLog 10 <#1.7.ChangeLog|outline>`_** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ Integrates the JavaScript-based GUI widget by www.sellector.com into TYPO3. The widget provides a product configurator like selection service featuring checkboxes and sliders and delivering results in real time. It enables web site users to to easily find a desired item among a wide range of products, articles, etc. The extension is interesting for anybody intested in enhancing the ease of use on his web site. It contains two frontend plug-ins, one for the selection area and one for the result area, that load the JavaScript routines and interact with each other as a so-called Sellector. The individual Sellector content and look is configured over a web frontend at www.sellector.com. .. _Screenshots: Screenshots ^^^^^^^^^^^ Picture 1: Sellector web frontend showing the sellector preview hovering over the data input table. |img-3| Picture2: Sellector web frontend showing the spread sheet like data input table and the context menue. |img-4| Picture 3: Sellector web frontend showing the design settings. |img-5| .. _Users-manual: Users manual ------------ For installation of the extension, please refer to the Administration chapter. The extension works by providing two frontend plug-ins that insert small bits of code into the page that serve as a base to insert the actual Sellector content via individually loaded JavaScript. To add a Sellector to your web site, do the following: - Go to www.sellector.com and follow the steps to create a Sellector. These include defining the products/articles to select from, the criteria by which to make a selection, and the GUI elements to use. Once the sellector is successfully published, an individual Sellector ID will be assigned. If you are logged in, you will find it in the web frontend in the “Create” menue's sub menue “Go live”. Take note of the resulting Sellector ID as you will have to enter it later in plug-ins. - Enter the TYPO3 backend and go to the page you want to add the widget to. - Create a new content element at the desired position. From the content element wizard, choose “Sellector.com Selection Widget” and set up the plug-in as follows: - Enter the Sellector ID you received at sellector.com (see above). - Enter IDs to use in the XHTML output for the selection and result widgets. These are standard XHTML/CSS IDs and are required for applying the JavaScript code and defining the visual appearance with CSS. Take note of the ID of the result widget. - Define the width and height for the selection widget in pixels plus any additional CSS you want to apply. - Create a new content element at the desired position. From the content element wizard, choose “Sellector.com Result Widget” and set up the plug-in as follows: - Enter the ID of the result widget you noted above. - Define the width and height for the selection widget in pixels plus any additional CSS you want to apply. The visual appearance can be modified using standard CSS techniques. The selection and result areas are available via the IDs entered in the plug-in configuration. .. _FAQ: FAQ ^^^ Nothing to note yet. .. _Administration: Administration -------------- To install the extension, just import and install it via the extension manager and clear the configuration cache. No further configuration is necessary on the TYPO3 side. To use the extension's plug-ins, first go to www.sellector.com and follow the steps to create a Sellector. These include defining the products/articles to select from, the criteria by which to make a selection, and the GUI elements to use. Take note of the resulting Sellector ID as you will have to provide this in the plug-ins. Now you can add plug-ins to your site as described in the Users Manual section. .. _FAQ: FAQ ^^^ Nothing to note yet. .. _Configuration: Configuration ------------- All configuration is done via the plug-in flexforms. Please refer to the Users Manual. .. _FAQ: FAQ ^^^ Nothing to note yet. .. _Known-problems: Known problems -------------- The Sellector widgets require that JavaScript support of the visitor's browser is enabled and loading JavaScript from other sites is allowed. Especially the latter is not the case with browser security add-ons like NoScript for Firefox. You might want to point that out to the visitors of your web site. .. _To-Do-list: To-Do list ---------- Nothing so far. If you have comments or suggestions for improvements, please contact Sellector GmbH via www.sellector.com. .. _ChangeLog: ChangeLog --------- Initial release 10 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. |img-2| image:: img-2.png .. :border: 0 .. :height: 21 .. :hspace: 9 .. :id: Grafik2 .. :name: Grafik2 .. :width: 87 .. |img-3| image:: img-3.jpeg .. :align: left .. :border: 0 .. :height: 448 .. :id: Grafik1 .. :name: Grafik1 .. :width: 669 .. |img-4| image:: img-4.jpeg .. :align: left .. :border: 0 .. :height: 478 .. :id: Grafik3 .. :name: Grafik3 .. :width: 640 .. |img-5| image:: img-5.jpeg .. :align: left .. :border: 0 .. :height: 438 .. :id: Grafik4 .. :name: Grafik4 .. :width: 584