How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website
-
Upload
likno-software -
Category
Technology
-
view
116 -
download
4
description
Transcript of How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website
![Page 1: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/1.jpg)
How to insert a jQuery Accordion to your Joomla 3.x website
In this presentation you will see how to insert a Likno jQuery Accordion to your Joomla 3.x site
through the Joomla Accordion Component.
&
![Page 2: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/2.jpg)
You need to have Likno Web Accordion Builder installed on your computer and Likno Web Accordion Joomla component installed and activated on your Joomla website.
&
![Page 3: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/3.jpg)
Step 1: Create your jQuery accordion in Likno Web Accordion Builder.
![Page 4: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/4.jpg)
Step 2: Check the positioning of your accordion. Select the “Insert into a page Element (div, span, td, etc)” option.Type the element ID or leave the default.
![Page 5: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/5.jpg)
Step 3: Change the Compiled JavaScript Project name.Click on Project and in the Project Properties dialog box select the Custom and insert your custom name for your compiled JavaScript file.
![Page 6: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/6.jpg)
Step 4: Compile your accordion project for Joomla.Click on Add-ins -> Joomla Project -> Compile Joomla Project.Click “Continue with Compile” on the dialog box that appears.
![Page 7: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/7.jpg)
Step 5: Login to you Joomla Administration Panel.Click on Extensions -> Extension Manager.
![Page 8: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/8.jpg)
Step 6: Click on Choose file in order to select the zip file that is created after you compiled your accordion project.
![Page 9: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/9.jpg)
Step 7: Choose the compiled zip folder (created when you compiled your accordion project) and then click “Upload & Install”.You will get the message “Installing module was successful”.
![Page 10: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/10.jpg)
Step 8: Go to your existent articles or create a new one in Article Manager.In order to insert your accordion in your article you need to first place the cursor in the point you want the accordion to appear and then click on the button “Accordion”.
![Page 11: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/11.jpg)
Step 9: On the modal window that appears, select the accordion you want to place into your article and click on “Insert”.Save your article and you are done.
![Page 12: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/12.jpg)
The accordion is in your article.
![Page 13: How to insert a jQuery Accordion by Likno Software to your Joomla 3.x website](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c7313d4a79596b058b45ca/html5/thumbnails/13.jpg)
More information on how to download and install Likno Web Accordion Joomla Component
More information about Likno Web Accordion Builder