Open github-learning-lab[bot] opened 4 years ago
:white_check_mark::white_check_mark::white_check_mark::white_check_mark::white_check_mark::x:
:white_check_mark: Code compilation
:white_check_mark: Define a new route
:white_check_mark: Define a store.custom
block
:white_check_mark: Use image
block on the store.custom
blocks and define the banner
:white_check_mark: Use search-result-layout.customQuery
block on the store.custom
blocks and define it
:x: You didn't define all the expected search-result-layout.customQuery
props
Construindo uma landing customizada de busca
:sparkles: Branch: searchlanding
Introdução
No step anterior, você pôde aprender um pouco mais sobre como criar um template customizado. É muito comum que, em cenários de promoção e datas comemorativas, seja necessário criar landing pages especiais.
Buscas customizadas
Vimos que a busca infere o que precisa pelo contexto que está inclusa. Numa página customizada, no entanto, o contexto não existe e é preciso que se defina qual a query deve ser realizada para inferir os resultados. Tudo isso é possível através do
search-result-layout.customQuery
.Query schema
A query schema é uma das props do search result custom query com ela é possível controlar a busca que a nossa landing page deverá fazer. Para saber todas as possibilidades da query schema, veja sua documentação aqui.
Atividade
store.custom#landing
) no arquivoroutes.json
;search-landing.jsonc
;store.custom#landing
;image
como um dos blocos desse template. Este bloco deve possuir propsminWidth
de 100% e uma imagem a sua escolha.search-result-layout.customQuery
:search-result-layout.customQuery
com prop de querySchema que:ft
.:no_entry_sign: Perdido?
Há algum problema com esse passo? Que tal nos enviar um feedback? :pray:
Criar feedback
Se ainda tiver dúvida sobre como enviar sua resposta, você pode rever aqui.