Wizzy Templates Documentation | Wizzy - Ecommerce Site Search Solutions

Wizzy Templates Documentation (1.0.0)

Support: team@wizzy.ai URL: https://wizzy.ai/

Introduction

Wizzy uses small components written in Mustache templates to render data on the frontend. All the parts of Autocomplete Menu, Search Results Page, Filters, Sort Options, Category Pages are rendered using Mustache templates.

You can override individual templates to extend the functionality or modify the UI/UX as per your needs.

Templates Code

Search

You can find all the available templates for the result page below.

Product

This template is responsible for showing product cards on the search and collection pages.
Sort

This template is responsible for showing 'sort by' menu.
Summary

This template is responsible for showing search summaries on the page.
Pagination

This template is responsible for showing numbered pagination data.
Products List

This template is responsible for listing all product cards inside a UL and or required element.
Wrapper

This template holds all the Wizzy's components, such as search, filter, and sort in container / wrapper DIV. Use this to modify positions of each section or add new.
Empty Results

This template is responsible for showing 'No Result Page' data.

Autocomplete

You can find all the available templates for autocomplete section below.

Products

This template is responsible for showing products in the autocomplete menu.
Suggestions

This template is responsible for showing autocomplete suggestions.
Wrapper

This template holds all the Wizzy's autocomplete menu. Use this to modify positions of each section or add new.

Collection

You can find all the available templates for the collection page below. Note that we are using the same templates on the collection page as those used on the search page.

Empty Results

This template is responsible for showing empty collection page.

Facet

Facet Block

This template is responsible for showing individual filter blocks on the search or collection pages. For reference, Category/ Sizes / Colors from image are individual filter blocks.
Filter Item

This template is responsible for showing filters values under each individual block.
Range List Item

This template is responsible for showing the price range in list format instead of a slider.
Discount Above Item

This template is responsible for showing the individual discount percentages filter items.
Range Slider

This template is responsible for showing the range price filter.
Category Filter Item

This template is used to render individual category filter items when it is used using a hierarchy method.
Selected Filter Item

This template is responsible for showing selected filter values.
Selected Filter Block

This template is responsible for displaying all applied filters into a list.
Grid Filter Block

This template is responsible for showing individual grid filter blocks.

Others

If you want to customize the common templates, you can refer to the information below.

Sort By

This template is responsible for showing 'sort by' data.
Activity Indicator (Popup)

This template is responsible for showing the list under the 'Sort By' section.
List Skeleton

This template is responsible for showing the skeleton on the page while Wizzy is loading the data on frontend.