After the integration in BigCommerce, if Klevu Search is not working or doesn't look right on site, please check the known issues and suggested fixes for 10 most popular themes. Every BigCommerce theme is slightly different, so rest assured our support team is on hand to help to make Klevu Search look perfect on your theme.
Search box form field name must be 'search_query'
For Klevu to detect the search box on your website, the form element must have a name of search_query. Some custom themes use other values for the form name such as "q", "nav-quick-search" or "search_query_adv", in which case please modify the appropriate template in your theme to change the search form field name. See an example in the top 10 themes below for theme: Covent Garden.
Known issues and suggested fixes for 10 most popular themes:
Theme: Cornerstone
Known Issues | Suggested Fixes |
---|---|
None | None |
Theme: Parts Warehouse
Known Issues | Suggested Fixes |
---|---|
None | None |
Theme: Fortune
Known Issues | Suggested Fixes |
---|---|
The automated integration will fail and throw Incompatible Webpack Version error. | Follow Manual Template Integration method |
After integration, it looks like quick search is not working. It happens because of the position of quick search UI. | CSS code to be added in KMC → Customizations → CSStab. Please add the following code at bottom of the CSS.
|
Theme: Supermarket
Known Issues | Suggested Fixes |
---|---|
It shows the default search overlay when someone is searching. | CSS code to be added in KMC → Customizations → CSStab. Please add the following code at bottom of the CSS.
|
Theme: Vault
Known Issues | Suggested Fixes |
---|---|
None | None |
Theme: Peak
Known Issues | Suggested Fixes |
---|---|
The automated integration will fail and throw Incompatible Webpack Version error. | Follow Manual Template Integration method |
Quick Search is misaligned with the search box position. | CSS code to be added in KMC → Customizations → CSStab. Please add the following code at bottom of the CSS.
|
Theme: Covent Garden
Known Issues | Suggested Fixes |
---|---|
The automated integration will fail and throw an error. | Follow Manual Template Integration method |
Search does not work on Tablet/Mobile. | Open templates/components/common/search-box.html file and change the name of the searchbox from "search_query_adv" to "search_query". |
Theme: Merchant
Known Issues | Suggested Fixes |
---|---|
It shows the default search overlay. Also, in mobile quick search box is displayed out of the screen. | CSS code to be added in KMC → Customizations → CSStab. Please add the following code at bottom of the CSS.
|
Theme: 22 Savile Row
Known Issues | Suggested Fixes |
---|---|
None | None |
Theme: Foundry
Known Issues | Suggested Fixes |
---|---|
The automated integration will fail and throw Incompatible Webpack Version error. | Follow Manual Template Integration method |
Theme: Roots
Known Issues | Suggested Fixes |
---|---|
None | None |
Theme: Lifestyle
Known Issues | Suggested Fixes |
---|---|
Default search is displayed behind the Klevu Quick Search result. | CSS code to be added in KMC → Customizations → CSStab. Please add the following code at bottom of the CSS.
|
- If there are not any known issues reported with automated template integration then you can follow the Automated Template Integration method.
- If your theme is not listed above then we recommend to follow the manual template integration.