Gabarito para o passo 'Melhorias na busca'
// /store/blocks/search.jsonc
{
"store.search": {
"props": {
"context": {
"skusFilter": "FIRST_AVAILABLE",
"simulationBehavior": "skip"
}
},
"blocks": ["search-result-layout#search"]
},
"search-result-layout#search": {
"blocks": ["search-result-layout.desktop", "search-not-found-layout"]
},
"search-result-layout.desktop": {
"children": [
"flex-layout.row#did-you-mean",
"flex-layout.row#suggestion",
"flex-layout.row#banner-one",
"flex-layout.row#searchbread",
"flex-layout.row#searchtitle",
"flex-layout.row#result"
],
"props": {
"pagination": "show-more",
"preventRouteChange": false,
"mobileLayout": {
"mode1": "small",
"mode2": "normal"
}
}
},
"flex-layout.row#result": {
"children": ["flex-layout.col#filter", "flex-layout.col#content"],
"props": {
"preventHorizontalStretch": true,
"fullWidth": true
}
},
"flex-layout.row#searchtitle": {
"children": ["search-title.v2"]
},
"flex-layout.row#did-you-mean": {
"children": ["did-you-mean"]
},
"flex-layout.row#suggestion": {
"children": ["search-suggestions"]
},
"flex-layout.row#banner-one": {
"children": ["search-banner#one"]
},
"search-banner#one": {
"props": {
"area": "one",
"blockClass": "myBanner",
"horizontalAlignment": "center"
}
},
"flex-layout.row#searchbread": {
"children": ["breadcrumb.search"],
"props": {
"preserveLayoutOnMobile": true,
"fullWidth": true
}
},
"store.search#brand": {
"blocks": ["search-result-layout"],
"props": {
"context": {
"orderByField": "OrderByReleaseDateDESC",
"hideUnavailableItems": true,
"maxItemsPerPage": 10
}
}
},
"store.search#department": {
"blocks": ["search-result-layout#department"]
},
"store.search#category": {
"blocks": ["search-result-layout#cat"]
},
"store.search#subcategory": {
"blocks": ["search-result-layout#cat"]
},
"search-result-layout#department": {
"blocks": [
"search-result-layout.desktop#dep",
"search-result-layout.mobile#dep",
"search-not-found-layout"
]
},
"search-result-layout#cat": {
"blocks": [
"search-result-layout.desktop#cat",
"search-result-layout.mobile#cat",
"search-not-found-layout"
]
},
"image#depbanner": {
"props": {
"src": "assets/electronics.png"
}
},
"info-card#depbanner": {
"props": {
"imageUrl": "https://image.shutterstock.com/z/stock-photo-party-with-best-friends-group-of-cheerful-young-people-enjoying-home-party-with-snacks-and-drinks-492006757.jpg",
"callToActionMode": "none",
"isFullModeStyle": true,
"headline": " ",
"blockClass": "depbanner"
}
},
"search-result-layout.desktop#dep": {
"children": [
"flex-layout.row#depBanner",
"flex-layout.row#searchbread",
"flex-layout.row#searchtitle",
"flex-layout.row#result"
],
"props": {
"pagination": "show-more",
"mobileLayout": {
"mode1": "small",
"mode2": "normal"
}
}
},
"search-result-layout.desktop#cat": {
"children": [
"flex-layout.row#searchbread",
"flex-layout.row#searchtitle",
"flex-layout.row#result"
],
"props": {
"pagination": "show-more",
"mobileLayout": {
"mode1": "small",
"mode2": "normal"
}
}
},
"flex-layout.col#filter": {
"children": ["filter-navigator.v3"],
"props": {
"blockClass": "filterCol"
}
},
"order-by": {
"props": {
"hiddenOptions": [
"OrderByReleaseDateDESC",
"OrderByNameASC",
"OrderByNameDESC"
]
}
},
"flex-layout.col#content": {
"children": [
"flex-layout.row#searchinfo",
"flex-layout.row#fetchprevious",
"flex-layout.row#products",
"flex-layout.row#fetchmore"
],
"props": {
"width": "grow"
}
},
"flex-layout.row#searchinfo": {
"children": ["flex-layout.col#productCount", "flex-layout.col#orderby"]
},
"flex-layout.col#productCount": {
"children": ["total-products.v2"],
"props": {
"blockClass": "productCountCol"
}
},
"flex-layout.col#orderby": {
"children": ["order-by.v2"],
"props": {
"blockClass": "orderByCol"
}
},
"flex-layout.row#fetchprevious": {
"props": {
"marginBottom": 3
},
"children": ["search-fetch-previous"]
},
"flex-layout.row#fetchmore": {
"props": {
"marginTop": 3
},
"children": ["search-fetch-more"]
},
"flex-layout.row#products": {
"children": ["search-content"]
},
"search-content": {
"blocks": ["gallery", "not-found"]
},
"flex-layout.row#depBanner": {
"children": ["image#depbanner"]
},
"search-result-layout.mobile#dep": {
"children": [
"flex-layout.row#depBanner",
"flex-layout.row#searchinfomobile",
"flex-layout.row#searchbread",
"flex-layout.row#productCountMobile",
"flex-layout.row#contentmobile"
],
"props": {
"pagination": "show-more",
"mobileLayout": {
"mode1": "small",
"mode2": "normal"
}
}
},
"search-result-layout.mobile#cat": {
"children": [
"flex-layout.row#searchinfomobile",
"flex-layout.row#searchbread",
"flex-layout.row#productCountMobile",
"flex-layout.row#contentmobile"
],
"props": {
"pagination": "show-more",
"mobileLayout": {
"mode1": "small",
"mode2": "normal"
}
}
},
"flex-layout.row#contentmobile": {
"children": ["search-content"],
"props": {
"preserveLayoutOnMobile": true
}
},
"flex-layout.row#searchinfomobile": {
"children": [
"flex-layout.col#orderByMobile",
"flex-layout.col#filterMobile",
"flex-layout.col#switcherMobile"
],
"props": {
"preserveLayoutOnMobile": true,
"colSizing": "auto",
"colJustify": "around"
}
},
"flex-layout.col#orderByMobile": {
"children": ["order-by.v2"],
"props": {
"blockClass": "orderByMobileCol"
}
},
"flex-layout.row#productCountMobile": {
"children": ["total-products.v2"],
"props": {
"blockClass": "productCountMobileRow"
}
},
"flex-layout.col#filterMobile": {
"children": ["filter-navigator.v3"],
"props": {
"blockClass": "filterMobileCol"
}
},
"flex-layout.col#switcherMobile": {
"children": ["search-layout-switcher"],
"props": {
"blockClass": "switcherMobileCol"
}
},
"search-not-found-layout": {
"children": ["flex-layout.row#searchbread", "flex-layout.row#notfound"]
},
"flex-layout.row#notfound": {
"children": ["not-found"],
"props": {
"fullWidth": true
}
},
"breadcrumb": {
"props": {
"showOnMobile": true
}
},
"gallery": {
"blocks": ["product-summary.shelf"]
}
}
Help us make this content better!
VTEX IO courses are open source. If you see something wrong, you can open a pull request!
Make a contributionUpdated almost 4 years ago