Demos Buy Now

Magento2 Accordion FAQ

Magento2 Accordion FAQ is an awesome module. This module adds an easy way to use FAQ Section to your Magento store with JQuery powered animation. In this module, admin can add and update FAQ. Admin can also create FAQ group and show the group on the specific pages. On the frontend, you have an animated FAQ section for your store.

Features

  • You can add any numbers of FAQ’s.
  • Animated FAQ.
  • Editor for adding FAQ.
  • You can create FAQ group.
  • Different Group can be published on different pages.
  • Multiple groups can be published on one page.

Installation

Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

After the successful installation, you have to run these commands in the Magento2 root directory.

First command- php bin/magento setup:upgrade

Second Command – php bin/magento setup:di:compile

Third Command – php bin/magento setup:static-content:deploy

After running the commands, you have to flush the cache from Magento admin panel by navigating through->System->Cache management as shown below.

Multi-Lingual Configuration

For Multilingual support, please navigate to Store>Configuration>General >Locale Options. And select your desired language from the Locale option.

Language Translation

If you need to do the module translation, please navigate to the following path in your system app/code/Webkul/AccordionFaq/i18n.
Open the file named en_US.CSV for editing as shown in the below screenshot.

Once you have opened the file for editing. Replace the words after the†comma(,)†on the right with your translated words.

After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV. Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.

Adding Accordion FAQ – Admin

After installation of the module, admin can see ‘Webkul Accordion FAQ’ option in the main menu. From here admin can select the option to add FAQ or add/manage FAQ groups.

Now admin can add or edit FAQ by clicking on Add FAQ button. From this page admin can add new FAQ or edit existing one.

After clicking on Add FAQ button the admin can add a new FAQ as shown below in the snapshot.

Admin can navigate to Webkul Accordion FAQ-> Add/Manage FAQ group from the main menu to create a new group. From here admin can create a new group and edit the existing one.

After clicking on the add button admin can enter the details for the new group like this.

After the admin has entered the group details admin can select FAQs for the group by clicking on FAQ tab like this.

Now admin can set FAQ group on any specific page. To create a page navigate to Content->Pages from the main menu. 

Now admin can click on ‘Add New Page‘ and enter the details like this.

Now admin needs to add content to show the FAQ group on the page. For this admin need to enter this code :
{{block class=”Webkul\AccordionFaq\Block\AccordionFaq\AccordionFaq” group_code=”(Group code)”template=”Webkul_AccordionFaq::Accordionfaq.phtml”}}. This code should be entered in content text area like this.

Note

In the case of block call at CMS page, You will have to write (“) in HTML otherwise, if you simply copy these codes on WYSIWYG editor then it will convert the double quote into some ASCII code and you will unable to call block on CMS page.

It will look like this in CMS page.

Admin can add more than one group on the same page. After that admin can save the page and Accordion FAQ will be visible on the page on which it is saved.

Frontend of Magento2 Accordion FAQ

After saving the page the Accordion FAQ will be visible on the website like this.

That’s all for the Magento2 Accordion FAQ module still, have any issue feel free to add a ticket and let us know your views to make the module better http://webkul.uvdesk.com/

Current Product Version - 2.0.2

Supported Framework Version - 2.0.x, 2.1.x, 2.2.x

. . .

Comments (2)

Add Your Comment

  • Yuraymar (Jay) Stewart
    I get an error in front-end on the page: Error filtering template: Invalid block type: ”WebkulAccordionFaqBlockAccordionFaqAccordionFaq”
  • css.php

    Index