.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt :Author: ti :Created: 2013-01-25T10:58:12 :Changed by: JIthesh :Changed: 2015-01-16T15:47:47 .. _EXT-titech-catalog: EXT:titech\_catalog =================== Extension Key: titech\_catalog version(2.1.0) Copyright 2013, Ti Technologies, < `info@titechnologies.in `_ > Web Site:- `http://www.titechnologies.in/ `_ skype id:- oscommerce.in 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.com `_ .. _Table-of-Contents: Table of Contents ----------------- **EXT:titech\_catalog 1** **Introduction 2** What does it do? 2 **Screenshots 2** **Users manual 7** Creating Product Catalog 8 **Configuration 9** Extension Installation 9 Breadcrumbs 9 Real URL 11 **Extension titech\_catalog 12** Markerarray used: 13 **Compatibility 13** **Known Problems 13** **To-Do list 13** **Change Log 14** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ - This Extension is a simple Plugin showing your product. - It is possible to define categories and productby database entries. - The special thing about this extension is, that it is very flexible and easily extendible. - **3 view modes** :1. Standard list view (LIST)2. Category(Show items with selected categories)3. All Products Listing. - Each view can serve as a Sub Header(Abstract)with “...” link. Exept single view mode!. - To include the extension into your specific design you just have to modify the HTML template and css classes to your wishes. - Users can browse the product by catagories. The page navigation is also easy to modify. - In the product listing we can also modify the corresponding tab if needed. - The extension is available in English . - You can configure the number of product per page. - The special thing about this extension is, that it is very flexible and easily extendible. .. _Screenshots: Screenshots ----------- |img-1| Screenshot 1: Installation of plugin. Screenshot 2 :Adding new record |img-2| |img-3| - Screenshot 3 :Adding Catagories |img-4| - Screenshot 4 :Adding Product |img-5| Screenshot 5 :Adding Tab (Optional) |img-6| Screenshot 6 :Backend Default View |img-7| - Screenshot 7 :Frontend view - 71. catagory listing |img-8| 7.2: catagory with sub catagories(if need) |img-9| 7.3 product listing with corresponding catagory/sub catagory |img-10| 7.4 product detail view with the tab |img-11| .. _Users-manual: Users manual ------------ - Install the extension - In Page (Mode: Web->List ) create new records for your categories, product and then tab(optional). - On a page include the Plugin it will in default setting - choose the view modea: standard view:- catagory with subcategory or product .b: catagories view:- for the selected catagory using the catagory-selectorc: Product view:- list all product in the “PID” - Insert your modified template file into a folder under fileadmin.Or rewrite the html using markerarray - Else it select default template which is existing. - Default Css-styles is available for the entries template ( typo3conf/ext/titech\_catalog/res/css/titechcatalog.css ) . **Hint:** you can insert as many plugins per page as you want. Each configured separate. .. _Creating-Product-Catalog: Creating Product Catalog ^^^^^^^^^^^^^^^^^^^^^^^^ Product Catalog System complete with products, catagories, flexible sub catagories. This extension can be used as a directory system too.Different approach than tt\_products and catalog listing. Step by step review for the beginners: Install the plugin . Just go to List view, select the page where you want to create the new record, click on “Create new Record” in the top menu and choose “ Catalog Product System”. ( Web->List-> New record ) Select catagory (Ref: Screenshot 4 ). You can able to link n'numbers of the Child Category to the “Parent Category” (Ref:Screenshot 4 ). Same format select Product (Ref: Screenshot 5 ). In the Product view you can include tab (optional). By changing the view mode it will function respectively. NOTE:- 1.You can either store records directly on the page where the Standard view is intended to be. 2.Which fields are shown in your form depends on how your admin has configured the extension. The default fields however should be quite self-explanatory. 3.This extension don't differ from the other while creating catagories and product .. _Configuration: Configuration ------------- .. _Extension-Installation: Extension Installation ^^^^^^^^^^^^^^^^^^^^^^ |img-12| .. _Template-file: Template file: ^^^^^^^^^^^^^^ - This is a simple textfile where the layout is defined with HTML-code. To see an example with explanations, take a look at EXT:titech\_catalog/res/titechcatalog\_template.htmlwhich is the default. - template = EXT:titech\_catalog/res/titechcatalog\_template.html - Plug'in comes with one default templates which is found in extension directory. - **Include static (from extensions):** - Clickenlarge Rendering (rtehtmlarea). .. _Breadcrumbs: Breadcrumbs ^^^^^^^^^^^ - To display the product or catagories title in breadcrumb,include after the TMENU - ###################################################################### ##### - \# lib.breadcrumb = COA BEGIN - ###################################################################### # - \# Add Catagory title view - 20 = RECORDS - 20 { - #dontCheckPid = 1 - - noBlur = 1 - expAll = 1 - - tables = tx\_titechcatalog\_category - source.data = GP:tx\_titechcatalog\_pi1\|Cid - conf.tx\_titechcatalog\_category = TEXT - conf.tx\_titechcatalog\_category.field = title - conf.tx\_titechcatalog\_category.required = 1 - conf.tx\_titechcatalog\_category.wrap =
  •  › \|
    • - conf.tx\_titechcatalog\_category.wrap.typolink { - addQueryString = 1 - parameter.data=page:uid - additionalParams { - data = GPvar : tx\_titechcatalog\_pi1\|Cid - wrap =&tx\_titechcatalog\_pi1[Cid]=\| - } - addQueryString.exclude = id,tx\_titechcatalog\_pi1[Cid] - } - - } - - 30 = RECORDS - 30 { - #dontCheckPid = 1 - - noBlur = 1 - expAll = 1 - - tables = tx\_titechcatalog\_category - source.data = GP:tx\_titechcatalog\_pi1\|Sid - conf.tx\_titechcatalog\_category = TEXT - conf.tx\_titechcatalog\_category.field = title - conf.tx\_titechcatalog\_category.required = 1 - conf.tx\_titechcatalog\_category.wrap =
  •  › \|
    • - conf.tx\_titechcatalog\_category.wrap.typolink { - addQueryString = 1 - parameter.data=page:uid - additionalParams { - data = GPvar : tx\_titechcatalog\_pi1\|Sid - wrap = &tx\_titechcatalog\_pi1[Sid]=\| - } - addQueryString.exclude = id,tx\_titechcatalog\_pi1[Sid] - } - - } - - 40 <.20 - 40 { - tables = tx\_titechcatalog\_product, tx\_titechcatalog\_category - source.data = GPvar:tx\_titechcatalog\_pi1\|Pid - conf.tx\_titechcatalog\_product = TEXT - conf.tx\_titechcatalog\_product.field = title - conf.tx\_titechcatalog\_product.required = 1 - conf.tx\_titechcatalog\_product.wrap =
  •  ›  \|
    • - - } - ###################################################################### # - \# lib.breadcrumb = COA ENDS - ###################################################################### ## .. _Real-URL: Real URL ^^^^^^^^ - If you want speaking links for your event you can integrate titech\_catalog into the realURL Extension config file i.e. realurl\_conf.php - Here is a snippet of the realurl config file for titech\_catalog: - ###################################################################### ### - #postVarSets - Extensions############################################# ############################'postVarSets' => array('\_DEFAULT' => array( - ######################################## T3-EXT: titech\_catalog - ####################################### - 'categories' => array( - array( 'GETvar' => 'tx\_titechcatalog\_pi1[Cid]', - 'lookUpTable' => array( - 'table' => 'tx\_titechcatalog\_category', - 'id\_field' => 'uid', - 'alias\_field' => 'title', - 'addWhereClause' => ' AND NOT deleted', - 'useUniqueCache' => 1, - 'useUniqueCache\_conf' => array( - 'strtolower' => 1, - 'spaceCharacter' => '-', - ), - ), - ), - ), - 'products' => array( - Array( - 'GETvar' => 'tx\_titechcatalog\_pi1[Pid]', - 'lookUpTable' => array( - 'table' => 'tx\_titechcatalog\_product', - 'id\_field' => 'uid', - 'alias\_field' => 'title', - 'addWhereClause' => ' AND NOT deleted', - 'useUniqueCache' => 1, - 'useUniqueCache\_conf' => array( - 'strtolower' => 1, - 'spaceCharacter' => '-', - ), - ), - ), - ), // --- ADD MORE EXTENSIONS HERE --- - ), - ), .. _Extension-titech-catalog: Extension titech\_catalog ------------------------- - Now it is possible to extend titech\_catalog by using hooks. - I have added 4hooks for each view mode. - This are the hook userfunctions: - renderStandardView($markerArray) - renderSingleView($markerArray) - renderProductView($markerArray) - renderDetailView($markerArray) - **Markerarray used:** .. ### BEGIN~OF~TABLE ### .. _Sl-No: Sl No: ^^^^^^ .. container:: table-row a Sl No: b MARKER c USE AS .. _1: 1 ^ .. container:: table-row a 1 b ###CATAGORY\_TITLE### , ###TITLE### c Tx-titechcatalog.catalory title .. _2: 2 ^ .. container:: table-row a 2 b ###CATAGORY\_ABSTRACT### c Tx-titechcatalog.catalory content .. _3: 3 ^ .. container:: table-row a 3 b ###CATAGORY\_IMAGE### c Tx-titechcatalog.catalory image .. _4: 4 ^ .. container:: table-row a 4 b ###DESCRIPRION### c Tx-titechcatalog.catalory description .. _5: 5 ^ .. container:: table-row a 5 b ###HEADER### c Tx-titechcatalog.catalory header .. _6: 6 ^ .. container:: table-row a 6 b ###CATAGORY\_LINK### c Tx-titechcatalog.catalory cid OR Tx-titechcatalog.product uid .. _7: 7 ^ .. container:: table-row a 7 b ###PRODUCT\_TITLE### c Tx-titechcatalog. product title .. _8: 8 ^ .. container:: table-row a 8 b ###PRODUCT\_CONTENT### c Tx-titechcatalog. product content .. _9: 9 ^ .. container:: table-row a 9 b ###PRODUCT\_IMAGE\_SLIDER### c Tx-titechcatalog.product image. Listing of the product differeent images .. _10: 10 ^^ .. container:: table-row a 10 b ###PRODUCT\_IMAGE\_PATH### c Tx-titechcatalog. product image “uploads/tx\_titechcatalog/ imagename” .. _11: 11 ^^ .. container:: table-row a 11 b ###TAB\_TAB### c tx-titechcatalog.tab (Optional)Array value .. _12: 12 ^^ .. container:: table-row a 12 b ###PAGINATION### c For the product listing .. ###### END~OF~TABLE ###### .. _Compatibility: Compatibility ------------- - This version of titech\_catalog is compactable will the latest version of the typo3 such us TYPO4.2 to TYPO4.5.16 (which is recommanded to use). - PHP version: titech\_catalog should work on all PHP versions that are also supported by TYPO3 (from 5.2.x to 5.3.0). - MySQL version: 5.x. .. _Known-Problems: Known Problems -------------- Not at the moment .. _To-Do-list: To-Do list ---------- Pagination .. _Change-Log: Change Log ---------- - titech\_catalog: 2.1.0 - Manual is update with more screen shots to make Catalog Product management system more user-friendly. - titech\_catalog:2.1.0 - Grid view . - Compactabily of the extention |img-13| titech\_catalog:1 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. :border: 0 .. :height: 321 .. :id: graphics1 .. :name: graphics1 .. :width: 430 .. |img-2| image:: img-2.png .. :align: left .. :border: 0 .. :height: 388 .. :id: graphics8 .. :name: graphics8 .. :width: 286 .. |img-3| image:: img-3.png .. :align: left .. :border: 0 .. :height: 395 .. :id: graphics2 .. :name: graphics2 .. :width: 308 .. |img-4| image:: img-4.png .. :align: left .. :border: 0 .. :height: 410 .. :id: graphics3 .. :name: graphics3 .. :width: 462 .. |img-5| image:: img-5.png .. :align: left .. :border: 0 .. :height: 384 .. :id: graphics4 .. :name: graphics4 .. :width: 480 .. |img-6| image:: img-6.png .. :align: left .. :border: 0 .. :height: 279 .. :id: graphics5 .. :name: graphics5 .. :width: 601 .. |img-7| image:: img-7.png .. :align: left .. :border: 0 .. :height: 309 .. :id: graphics6 .. :name: graphics6 .. :width: 428 .. |img-8| image:: img-8.png .. :align: left .. :border: 0 .. :height: 348 .. :id: graphics13 .. :name: graphics13 .. :width: 650 .. |img-9| image:: img-9.png .. :align: left .. :border: 0 .. :height: 236 .. :id: graphics11 .. :name: graphics11 .. :width: 522 .. |img-10| image:: img-10.png .. :align: left .. :border: 0 .. :height: 199 .. :id: graphics10 .. :name: graphics10 .. :width: 601 .. |img-11| image:: img-11.png .. :align: left .. :border: 0 .. :height: 332 .. :id: graphics9 .. :name: graphics9 .. :width: 571 .. |img-12| image:: img-12.png .. :align: left .. :border: 0 .. :height: 278 .. :id: graphics7 .. :name: graphics7 .. :width: 477 .. |img-13| image:: img-13.png .. :border: 0 .. :height: 21 .. :hspace: 9 .. :id: graphics14 .. :name: graphics14 .. :width: 89