Documentation for Category and Product Accordion Panel

Plugin Installation Guide

Method 1:

  1. Backup your web directory files and database.
  2. Log into the Magento backend.
  3. Disable compilation at System -> Tools -> Compilation. (after the extension installation, You can enable the compilation if you want.)
  4. Flush store cache from System -> Cache Management menu, and click Flush Magento Cache button.
  5. Download the extension package APCP_Cpaccordionpanel-1.0.0.tgz and extract it.
  6. Copy the the files as per folder structure to your magento site
  7. Flush again the store cache from System -> Cache Management menu, and click Flush Magento Cache button.
  8. Select Refresh under the All Cache drop-down menu and press the Save Cache Settings from System -> Cache Management
  9. You can run the Compilation mode back if necessary.

OR

Method 2:

  1. Backup your web files and database.
  2. Log into the Magento backend.
  3. Disable compilation at System -> Tools -> Compilation. (after the extension installation, You can enable the compilation if you want.)
  4. Flush store cache from System -> Cache Management menu, and click Flush Magento Cache button.
  5. System -> Magento Connect -> Magento Connect Manager.
  6. Please login again on new screen and use your store admin login details.

     
  7. Upload package ‘APCP_Cpaccordionpanel-1.0.0.tgz’ file and click on ‘Upload’ button.

     
  8. After the successfully extension install, Click on ‘Return to Admin’ link from upper right side.
  9. If you are not able to upload successfully extension, Please follow Method 1 to install extension.
  10. Flush again the store cache from System -> Cache Management menu, and click Flush Magento Cache button.
  11. Select Refresh under the All Cache drop-down menu and press the Save Cache Settings from System -> Cache Management
  12. You can run the Compilation mode back if necessary.

Configure License Key

  1. Go to http://www.ikhodal.com -> My Account
  2. Find the form “Get License Key of Category and Product Accordion Panel”
  3. For the testing Extension(Magento Team Only), Use the License Key TESTEXT919
    OR

    Add your site url or domain name. Click on “Submit” button and copy the “License Key” for you site. (If you want to change site url for demo or development site to live, Please make sure you have deactivated the license key from all your previous registered sites. Eg. If license key has activated for demo site and want to switch for live/production site, You must deactivate license key from your demo.)
  4. Now go to youre store/site and navigate to System -> Configuration. Find left menu “CATEGORY – PRODUCT ACCORDION” and click on “Settings”

     
  5. Add License Key and select “License Status” to activate and click on “Save Config” button at top right side to activate extension. ( When you click on “Save Config” button, Your License Key, License Status and Site URL will be auto compared to ikhodal.com account to activate your extension. )

Easy steps to add widget in any cms page content area

  1. If you would like to add this widget into any CMS page then go to CMS -> Pages and edit the page where you want to place widget.

     
  2. Go to ‘Content’ tab from left side and Click on insert widget icon from the content editor to open widget configuration popup screen.

     
  3. Now select ‘Category and Product Accordion Panel’ option from widget type dropdown and modify default widget configuration as your requirement. After modification, Please click on ‘Insert Widget’ button from top right side of popup.

    Category and Product Accordion Panel

    • Widget title:
      Set the title for widget heading. You can also hide it by “Hide widget title?” field selection to “Yes” on this form.
    • Select Categories:
      Select categories to display number of panes in the accordion panel.
    • Number of products to display:
      Add the integer value to load default number of products on the category panel.
    • Product price text color:
      Add color code or color name for product price.
    • Product title text color:
      Add color code or color name for product title name.
    • Category panel text color:
      Add color code or color name for category panel text.
    • Category panel background color:
      Add color code or color name for category panel background.
    • Widget title text color:
      Add color code or color name for widget heading title.
    • Widget title background color:
      Add color code or color name for widget heading background.
    • Widget Width:
      Add width of widget in pixel or percentage. Default width is 100%
    • Display title and price over image?:
      Select “Yes” to hide title and price with add to cart button below of product image and display over product image when product image mouse hover. Default is “No” to display it below product image. ( Template Layout 6 an 7 will not properly support this option. )
    • Hide widget title?:
      Select “Yes” to hide widget heading. Default is “No” to display it.
    • Hide product title?:
      Select “Yes” to hide the product title. Default is “No” to display it.
    • Hide product price?:
      Select “Yes” to hide the product price. Default is “No” to display it.
    • Fronted template:
      Select different teplate layout for frotent accordion panel.
    • Unique Widget ID:
      Auto generated unique widget ID.



     

  4. Click on ‘Save Page’ button and view the output on fronted. :)
     

Add widget in left or right sidebar

  1. If you would like to add this widget into sidebar of the page then go to CMS -> Widgets.
  2. Click on ‘Add New Widget Instance’ button from top right part of the ‘Manage Widget Instances’ page.
  3. Now select the ‘Type’ dropdown to ‘Category and Product Accordion Panel’ option and ‘Design Package/Theme’ dropdown to current theme or ‘base/default’ option from ‘New Widget Instance’ page. and click on continue button.
  4. Now you can see new ‘Layout Updates’ form. Click on ‘Add Layout Update’ button.
  5. Select ‘Display On’ dropdown field to your page where widget will be displayed.
  6. Now select the ‘Block Reference’ dropdown field to specify that on which page block or area will show the widget. Select ‘Template’ dropdown field to any style of widget.
  7. Click on ‘Widget Options’ tab and modify default configuration as your requirement.
  8. Click on ‘Save’ button from top right side.
     

Important things need to make after module installation

  1. After successfully installation of module you should should refresh Magento cache and reindex the store.
  2. For the index management screen, Please go to System > Index Management for rebuild your indexes, Select all and select Reindex Data. After then click on submit button.