Answers powered article tiles
Usage:
To initialise the answers experience app on an external site, you need to have the main script loaded
<script src="https://design-system.yext.com/dist/js/main.js"></script>
Once the script is loaded, you can call initAnswersArticleTiles()
, which accepts the following arguments:
container
(string, required) - ID DOM selector: This is the container where the app will be injectedscorllTo
(string, required) - ID DOM selector: This is the element/section that the page will scroll to after new pagination link is clickedverticalKey
(string, optional) - Vertical Key: The key to the vertical (e.g.: "case_studies", "resources"). Falls back to "case_studies"input
(string, optional) - The input query for the vertical (e.g.: "food", "healthcare", "retail")limit
(boolean, optional) - The limit query for the vertical (how many cards to show at once). DefaultisFilterAccordionFullyOpen
(boolean, optional) - Specify whether the filter accordion should be fully opened on page load. Default value:false
showSearchBar
(boolean, optional) - option to show search bar. Defaul:false
searchBarPlaceholder
(string, optional) - Placeholder text inside search bar.
<script>
DesignSystem.main.initAnswersArticleTiles({
container: "#answers-article-tiles",
scrollTo: "#answers-article-tiles-section",
verticalKey: "case_studies",
input: "food",
});
</script>