Suggestions as badges
View code 5c0cd454fe496a108e39fff1b9f93f78daf1072163d0336bd3c0fe31dd72d439b03d1f867d8d5998f2b66107b20a735e6df9456bca01f0f38f619dbcf7fab2cbad4f3768937a1bd364c213144ab25060c21ae8b8efb2c5f2a4a686bc3f2adb586b5009dfe1844f4527a464de6135312e12e1a82392c8b3d2100249931aea11e8506b370032053f36d1f21cd7b94f9ee2dade683dd5d1c6c8deaba10bf77a6bbed2a19b52edc13ff517d47be22f96c0b190d75ef59148e20e6a0be34f5fb9d1496f9da06cd7b9a65b2b72e29affb406ef89d142389a02e5473668f9744d3e06ea585d1a43acf595fb176ed432330339729321fef83ea86c6fa71848bc87e5cb3615f2d6fd1bc9e0d75faba785e07a20a701379f4708b553b21fbbdd3650dee992f2fb57557f3ed321fae2946857ca1d779670bb9a9aca24b013c8322a674169d78b46f6ea50050db6df986473946ebdbe319dd5a6823290fac70798c1354dfaa502497cac1df365be0949a08954c1fec7a805e75bf614ba8fa5c4a960b9fefa3e1193f96431251b753d082f66ca32ce9c5dc75bed7f04574efc179e8256b5762c0d0a5b135c4ca7c64ae1d0746827e84c604e903d37b8322fe2fe108e78d00da084fb0a4c48b86d16ef8974b5cd0cfd482d561229141a58210808645247b739ab3a3f48570f558129d0bf7a204ea838398c9fef41943207b17fdcaada3931c9400ff13763eb2d507a9816a88925a217851338caa3ae02fc7a3d0193288be5c3434795897410e2a7d459a1c68bdf4c8c2dde661ebf04e2b5d1bf46c7012a8839a72ecb1623647ed40a93e9490fe50a69c0b765a7566e2b57f314b86f9a924977120d5cde700498d19a2d18648a718e7084382c4ab3e40a99200662f47775be95d7c912ddd744a745ebce82fbef79006d8c4c2b5e43ec381e5b26fe94872a39d4042049310a20a56871117598bbf967fa5b8f2bbf01f7db26cef6a1c65f8fb0ad45c255c8d37e93b7f4eb375ba5041dfc468e5b9daef20e9120f3f5f00433a0ce74f42ebe70b6f016ef9bad7638c9e55e3a56b7f2147e6745fe84c4a97dfd03bcef10b2e2192590e8a4270d09426cd67d78d46cec9137e6a11d29917f2d6cf9c56d7dd08113ae80bed4aeb214deafa147d770a3e2d61ef69489c3565244bcca9b69d6f040535afddbc59b91983eeb8b654d4503a8390c4157241812a4c57064aad95e067be1db6669cd7392a575007f4a4cccbb7b9373395140800d8bf4fa87316f54112b7060e1c14d35498a2607f6169b2a4266bacf66b645023ac073ff58b0843740d917d2c38339bcfa2399e48641e0a9645a0d88b1266f491c83e6ab562f71db078a23accbc16ddfd42c948f6e6b9fef304048893d3095aeaa4c21eb7f5d8c802e65f990c6ff9c49d95c232950958cc15c62a874154bd860f56b1518af6b1a9e46c09f6a6dcb2a6a5316df89e9de071135b861dc0f03f0405e0108635fa30cae434c72972eda6fad2a8fc8753559219a509ff4fafe3ef2c6811817aa25f05d68132ae6f21b7771e9cdefdf44e6229b7e62bccde6ace0487433335ac5d606d5b132a224768c59a9349df79a33297e9b9824e1490fdfd8297e1f284d5ddabcd0b0abded2b2a833604813facc3b315b8471869e7dc7374c0f278c8df0bf6027f3fc358abf9af8077cddd400e33c9f4553b1f82af4b8491d01ee939742ba3de78ca2c53a77d6d80b4043bf6364383b3fc7eccc04d64e2302481bc5406ec44ec46d25568eca153e9d9897365703d12018a3daf789e8f88048cafdad57494093be92f2bcfbf3278fd741588ea8175d43fd8a8c5175376da0a367d61239e940ca233ce79f3121f4e8a4ee5f6cbd618868a1d6aee3cdff491a5f1ddd98e31618045d6577474535e2a4ce9ffa8d4fd22fb7fd4f05d81fe4e1910d1cdb2459ea64cc5bb493248e010f4d0870fb16d5cee227d963
Suggestions as badges
View code 8fc8e1a80d077ea09a4148788db07f70affddfd8e3909551a8e371fb624a0dea277b4337a3bed37b75b01d37f3b8e602bf158afa2cafb8da3d06e1d14c010f568fa18a6ca505d976f7f4a42b9cc37a8ded53708a304f0efb3be3f3b881a9e69702c4600577ce582907a894eb6d516423dea564fcd1b744025d7e41ff8fcff8d4b4cc5bb2e04c3066fa90b7a05a3b008d237314c3a69095a3a01a33a5832eba8c794058847a84c89384b75fb3c3ad5e552a6322c3562e49530d6359a1626aeab8b536657cbc9fcd1456c1f10ff5c8e08de092e9ef444ba341ad1ed4c2b1629e266b7e9363d8c2024c9dfaea49ec30eeae1d54ad9ca2e87df72024bf29beac458eb2e1ad414b9acb261ac1d266f59205be39f72c120682bc75528218643f49e5703b0b901fbf69284c277399a81e668083f5a732470cab824a6e9b9a7563fcc929447931306f27d42849e0a4d947466582ea6f1331f9a3498ea15e68a78520cb518d45d2e754d22fe5dd7a5c1280a371700558e915d1dd6ee8594973b4dc603eadf8b48333504ae112e8ac4d9977c62523471ee25fd0240b96d1a8383f48af4ca4ae061472b92bdfb6cb07c170e7c443ceb6099805b62d3b3ea91d5066bfccb95f99a9f8bc3dc40fe6109d1f65b31479815171fa15212249b97ccde4bc1e07e86f4f1accf2b994ed1abd941b0edb4503db51d6e3716d84367b0143d9f9c15a1751c988f8e1944a977b57cc47648f51fa6245433b3ea24cef51289d9174d3a86bdfb8979947f38c3fd345f4e367a77cd0047d47ba551dea3da56b7e0894d957421459e593aa2be34a2931e9898450197aca8b367acc503b1ca26fbfe134729e43da8da18e1bce7b40ea89787aa5a9135060d4e0f50fd25eb2610a45a79946af18c3cba86fe5d4448076eb1f0d010f8af4f9d12063c1cba827b067f2563421d411da35f8eabd8c931e29475564db67d69678660495adb6d9859b45942206717ff84ce01cd29cb343fa8ed486d09b19bcec81d6664f4a20106af993ecfd78c243136e4dad14d0b19fd225c9a11dc301a4840c3f10bb4ba6547710ab73e4c033f6ae71eecd269a488a45d5097bb8835756d312eeadf1196fad372ffdddbdb20052801f04a642f5ca0d11036083d551bed3a3388eea40ea418b1724c747f91754d39896974f29742c6113be923938fd86d20cf1febd4a78a329beb4aae3bd34ff9b501419ee3cf320685d5e9e60151c7dbffc41cc5d16d058aed246120317ae188014e590eaaf7bc3372445da2db665973114465307e206a8def35ef343103ca9121b20af7a73ba8326e554f87f90f96e96efcf87cf3b77b324832bcc856a60b0d5a93943ce8ea367e851ff2ed32567be3ff3f5274d8fbb7013347f096a38fb2555813cbba945fd3948b931d690ab619fe2ceda1613ab2311596f1601cc1291fba16ccf50a74b7c34234895cc5bf4ce7062e3b42a164e041e0c806d9ca78c71528dcd3e536f8ed40b2cd091830abfbcb2eac949ed006422418eb6c57a6dd0e507141fd11c1d94a46da0e45da84ca39f82b4e26565e18141ac63b12d73b78bc3c060975cf446b6dcb8666f96c7018fced837ca44ebfc7ba3ce3550fa65d303b5c87a5550afa8f4f4a3bb487078c08672005cd260816b7eee00328ccdb7701c43965f2b65ad95107f073bb035ecc45c22597b7fbccd88c170de69111cc7d26e491a2910b223baecf13a0fbe791ca3429f9afbc64fa545c44595765253a435be6f325e633cbd3dfd7e1d2587acb09b25c49e2415ce6d89e3c200ce046adaf30aaacf741065bad7db39f0a6f4dd48a2f67b275df5eec219d77070ea662689fa03ff221833a307453e51603d8515e593c01e8862cf79c5193be00f68a4cdad655d5a60ec58467825bcff99c1212f9cc13551ea3780a2d65a17a683ff6a5c97a01f0c51d87ffab45a1714d0245a70d9b0221d4ea4f0a6
Search suggestions are designed for use with the search bar on the Home page, but can be used anywhere in the help center.
Search suggestions can be added to the Home page (home_page.hbs) using the Popular keywords theme setting in the Home page elements setting group.
- Select a style from the Popular keywords style dropdown list.
- Enter one or more keywords in a comma-separated list.
The search suggestions will then appear below the search bar in the hero element in the style selected.
To use a custom pattern, copy the <template> from your selected pattern into the bottom of the Footer (footer.hbs) template.
Search suggestions can be added to any page by copying-and-pasting the following hook into a page template:
{{~#isnt settings.popular_keywords_style 'none'}}
{{~#if settings.popular_keywords}}
<div id="popular-keywords">
<script type="text/javascript">
ready(function() {
Util.renderTemplate(document.getElementById('popular-keywords'), 'popular-keywords', {
keywords: '{{#if settings.use_translations}}{{dc settings.popular_keywords}}{{else}}{{settings.popular_keywords}}{{/if}}'
});
})
</script>
</div>
{{/if~}}
{{/isnt~}}}
The search suggestions will appear in the position of the hook element on the page.
To use a custom pattern, copy the <template> from your selected pattern into the bottom of the Footer (footer.hbs) template.
If you select the Custom template style option, copy-and-paste your selected pattern template into the bottom of the Home page (home_page.hbs) or Footer (footer.hbs) templates.
