Layout Blocks - JSON Schemas Resource # 1 - Basis
- Sylvain Paillard
In this document, we provide a resource of the basis JSON Schemas to be used for your project.
These schemas are provided for references and they don’t have to be used as provided and are only provided as a helper for your project.
You can also download the provided Complete Layout Block and import them directly as new Layout Block in the Boxalino Intelligence Admin > Marketing > Layout Blocks.
Download all the separate Complete Layout Block files (zip):
Download all the Complete Layout Blocks in one importable list:
product
display one specific product in a grid or a slider
{
"title": "Product",
"type": "object",
"properties": {
"accessor": {
"type": "string",
"description": "hits accessor (typically leave empty)"
}
}
}Complete Layout Block:
product_slider
display a container of products as a slider (children blocks should be product Layout Blocks)
localized properties must be adapted to match your e-shop languages.
{
"title": "Label",
"type": "object",
"properties": {
"title": {
"type": "object",
"title": "Label",
"properties": {
"de": {
"type": "string",
"description": "label in German"
},
"fr": {
"type": "string",
"description": "label in French"
}
}
},
"see_all_label": {
"type": "object",
"title": "See all link label",
"properties": {
"de": {
"type": "string",
"description": "see all link label in German"
},
"fr": {
"type": "string",
"description": "see all link label in French"
}
}
},
"see_all_link": {
"type": "object",
"title": "See all link",
"properties": {
"de": {
"type": "string",
"description": "see all link in German"
},
"fr": {
"type": "string",
"description": "see all link in French"
}
}
},
"accessor": {
"type": "string",
"description": "hits accessor (typically leave empty)"
}
}
}Complete Layout Block:
product_list
display a container of products as a list or grid (children blocks should be product Layout Blocks)
localized properties must be adapted to match your e-shop languages.
{
"title": "Label",
"type": "object",
"properties": {
"title": {
"type": "object",
"title": "Label",
"properties": {
"de": {
"type": "string",
"description": "label in German"
},
"fr": {
"type": "string",
"description": "label in French"
}
}
},
"see_all_label": {
"type": "object",
"title": "See all link label",
"properties": {
"de": {
"type": "string",
"description": "see all link label in German"
},
"fr": {
"type": "string",
"description": "see all link label in French"
}
}
},
"see_all_link": {
"type": "object",
"title": "See all link",
"properties": {
"de": {
"type": "string",
"description": "see all link in German"
},
"fr": {
"type": "string",
"description": "see all link in French"
}
}
},
"accessor": {
"type": "string",
"description": "hits accessor (typically leave empty)"
}
}
}Complete Layout Block:
autocomplete_product
display one specific product in a search autocomplete overlay
Complete Layout Block:
autocomplete_product_list
display a container of products as a list in a search autocomplete overlay (children blocks should be autocomplete_product Layout Blocks)
localized properties must be adapted to match your e-shop languages.
Complete Layout Block:
autocomplete_text
display one specific textual suggestion in a search autocomplete overlay
autocomplete_text_list
display a container of text as a list in a search autocomplete overlay (children blocks should be autocomplete_text Layout Blocks)
product_list_bar
a bar appearing before or after the product list to indicate the number of results, offer pagination and change of sort order
pagination
a component to appear as a child element of a product_list_bar Layout Block and which displays the pagination controls to the user
title
a simple title element showing a title H1 on the whole width of the page
subtitle
a simple title element showing a sub-title H3 on the whole width of the page
search_title
a simple title element showing a search title H1 on the whole width of the page (very similar template to integrate, but has a different internal behavior in Boxalino due to the parameter bx-search-title.
facet_list
display the facets in a search or navigation page (has no children blocks, all the facets are provided as an array in the response parameter bx-facets)