Ajax Quick Search Pro Extension for Magento 2

Transcription

1 Ajax Quick Search Pro Extension for Magento 2 User Manual Ajax Quick Search Pro Extension for Magento 2 By

2 CONTENT Introduction 3 Features 3 Configuration Settings 4 Frontend Snapshots 19 FAQs 21 Support 23 2

3 INTRODUCTION Ajax Quick Search Pro Extension can automatically figure out what you type and then suggest the results. You can configure product details to show necessary information in the search result box. You can set priority search on attributes. Ajax Quick Search Pro provide category filter search and formatting of search result box as you want. This extension also provide search result for Recent/Popular/Suggested/Categories/CMS pages in search result EXTENSION FEATURES 1. Enable / Disable Ajax Quick Search Pro Extension. 2. Ajax Quick Search Extension used to search product you write in search box quickly 3. You can set minimum word length for ajax search 4. You can set Search type LIKE FULLTEXT COMBINE. 5. You can set Exact Match search in multiple words. 6. Support Right-to-Left language direction. 7. You can Enable/Disable Recent/Popular/Suggested/Category/Product/CMS Pages search result section in search result 8. You can change section title for Recent/Popular/Suggested/Category/Product/CMS Pages section in search result 9. You can change sort order for Recent/Popular/Suggested/Category/Product/CMS Pages section in search result 10. You can limit number of result for Recent/Popular/Suggested/Category/Product/ CMS Pages search result in search result 11. You can display Recent search terms in popup on click of searchbox. 12. Enable/Disable category filter for search. 13. Set category wise filter searching. 14. You can set the priority of attributes for search. 15. Set the Product detail you want to display in search result 16. Change the layout of search result 17. Supported multi store view. 18. Supported Magento Community 2.0, 2.1, 2.2 3

4 19.CONFIGURATION SETTINGS Step-1 Go to admin STORES Configuration MAGEBEES Ajax Quick Search Pro. You will get Following Screen. 4

5 Step-2 Click on Settings Tab. You will get Following Screen. Enabled: You can able to enable or disable this module from choosing Yes/No. Minimum Characters: You can set minimum character length for Ajax search. Search Type: You can set search type LIKE FULLTEXT COMBINE. Exact Match Multiple Words: Set exact match multiple words and get products. Note: Exact Match Multiple Words Options only works with LIKE search Type. Language Direction: You can set language direction from Left-to-Right or Right-to- Left for search result 5

6 Step-3 Click on Recent Searches Tab. You will get Following Screen. Enabled: On choosing yes you can display Recent search result in search result Show on First Click: On choosing yes you can display Recent search result on click of searchbox. Section Title: You can change title for Recent Searches section in search result Sort Order: You can change position for Recent Searches section in search result Number Of Results: You can limit number of results for Recent search result in search result 6

7 Step-4 Click on Popular Searches Tab. You will get Following Screen. Enabled: On choosing yes you can display Popular search result in search result Section Title: You can change title for Popular Searches section in search result Sort Order: You can change position for Popular Searches section in search result Number Of Results: You can limit number of results for Popular search result in search result 7

8 Step-5 Click on Suggested Terms Tab. You will get Following Screen. Enabled: On choosing yes you can display Suggested Terms in search result Section Title: You can change title for Suggested Terms section in search result Sort Order: You can change position for Suggested Terms section in search result Number Of Results: You can limit number of results for Suggested Terms in search result 8

9 Step-6 Click on Category Filter Tab. You will get Following Screen. Add Category Filter : You can add/remove category filter on choosing yes/no. If you select yes then choose categories from Search in Categories field. Search in Categories: You can select categories for category dropdown in frontend 9

10 Step-7 Click on Categories Tab. You will get Following Screen. Enabled: On choosing yes you can display Category search result in search result Section Title: You can change title for Category search result section in search result Sort Order: You can change position for Category search result section in search result Number Of Results: You can limit number of results for Category search result in search result Name Length: You can set name length for category in search result. 10

11 Step-8 Click on CMS Pages Tab. You will get Following Screen. Enabled: On choosing yes you can display CMS Pages search result in search result Section Title: You can change title for CMS Pages search result section in search result Sort Order: You can change position for CMS Pages search result section in search result Number Of Results: You can limit number of results for CMS Pages search result in search result 11

12 Step-9 Click on Products Tab. You will get Following Screen. 12

13 Enabled: On choosing yes you can display Products search result in search result Section Title: You can change title for Products search result section in search result Sort Order: You can change position for Products search result section in search result Product Limit: You can set number of product display in search result Name Length: You can set number of character display in product name. Description Length: You can set number of characters display in product description. Show Product Price: On choosing yes you can display product price in search Show Product Code(SKU): On choosing yes you can display Product code in search Show Add To Cart Button: On choosing yes you can display add to cart button in search result Show Product Image: On choosing yes you can display product image in search result Show Reviews: On choosing yes you can display product reviews in search result 13

14 Step-10 Click on Attribute wise Search Priority Tab. You will get Following Screen. This Tab display the attribute list which is set as searchable in product attributes. You can set the search weight from the dropdown. Note: For any attribute, higher the dropdown value selected has higher priority than other attributes. Ex: If you set dropdown value 10 for Name attribute then it has high priority for search. 14

15 You can set attribute searchable using following steps: o Go to admin STORES Attributes Product. o Edit the Attribute Information, you can see following screen. From Storefront Properties Tab, select yes for Use in Search Property of attribute. After set Use in Search property of attribute to yes/no you have to run following command in terminal. php bin/magento indexer:reindex catalogsearch_fulltext 15

16 Step-11 Click on Popup Layout Settings Tab. You will get Following Screen. 16

17 Category Box Background Color: You can set category filter box background color. Category Text Color: You can set category filter box text color. Popup Background Color: You can set background color of Search result Popup Border Color: You can set border color of search result Search Text Highlight Color: You can set highlight color for search text. Section Title Color: You can set section title color in search result Section Title Background Color: You can set section title background color in search result Section Title Link Color: You can set section title link color in search result Search Tags Font Color: You can set font color of search tags in search result Search Tags Background Color: You can set background color of search tags in search result Search Tags Background Color on Hover: You can set background hover color of search tags in search result Product List Font Color: You can set font color of product list in search result Product List Background Color: You can set background color of product list in search result Product List Background Color on Hover : You can set background hover color of product list in search result 17

18 Please check following screen shot for change layout of Note: After Save Popup Layout Settings, If Color s don t seem to change in frontend as per configuration then follow below mention steps: 1) Open command prompt / terminal and change directory to your magento install directory. 2) Run following command : rm -R pub/static/* php bin/magento setup:static-content:deploy 18

19 FRONTEND SNAPSHOTS Luma Package: [Fig-1.1 Display Recent Search Result on Click of Searchbox.] 19

20 [Fig-1.2 Display search result popup after search result] 20

21 FAQS Q-1: I have tried to install Ajax Quick Search Pro extension using terminal, but I am not able to install using command line, what are steps for custom installation of Ajax Quick Search Pro extension?? Solution: Please contact us for install our module in your store. Q-2: I am getting error in console for ajaxquicksearch.js not found, How to solve this problem? Solution-1: 1. Go to admin -> SYSTEM-> Cache Management. You can see following screen. 2. Click on Flush JavaScript/Css Cache and Flush Static Files Cache Button 3. Refresh the page in Frontend. Solution-2: 1) Open command prompt / terminal and change directory to your magento install directory. 2) Run following command : rm-r pub/static/* php bin/magento setup:static-content:deploy 21

22 Q-3: After set Attribute Searchable, I am not able to get search result using this attribute How to solve this problem? Solution: After set Use in Search property of attribute to yes/no, you have to run following command in terminal. php bin/magento indexer:reindex catalogsearch_fulltext 22

23 Thank you! Do you need Extension Support? Please create support ticket for quick reply, Do you have any suggestions? Please contact us, 23