🔧Layout
Last updated
Last updated
Esta é a maior seção do nosso painel, nela você encontrará diversas opções de personalização como: fonte da loja, diferenciais competitivos rotativos e texto do campo de busca no cabeçalho da sua loja, diferenciais competitivos em grid, vitrine de produtos, depoimentos, notícias, newsletter, integração com o widget de posts do instagram, rodapé, categoria e busca, página do produto.
Agora vamos conversar sobre cada uma delas.
Fonte da loja: Nesta subseção, você poderá definir a fonte da sua loja. No campo "links da fonte" você deverá adicionar os links de importação da sua fonte. O nosso tema utiliza a fonte "Mulish, sans-serif", esta fonte e muitas outras estão disponíveis no site de fontes do Google (Google fontes). E no campo "Família da fonte", você deve informar apenas nome e família da fonte, como no print abaixo, não sendo necessário o prefixo "font-family:" ou mesmo o sufixo ";". Segue o exemplo:
Observação importante: Caso preenchido de forma incorreta, isso poderá acarretar na quebra dos estilos da sua loja.
Cabeçalho: Nesta subseção você poderá ativar a seção de diferenciais competitivos rotativos (em "Exibir diferenciais em slide") em sua loja e adicionar os textos de cada diferencial. É possível cadastrar até 6 diferenciais. Os campos suportam HTML como escrita, dando mais flexibilidade de personalização aos textos dos seus diferenciais. Segue o print abaixo:
Além disto, é possível alterar o texto padrão do campo de pesquisa em "texto do campo de pesquisa:" e inserir um texto mais divertido. É possível também definir a quantidade de categorias exibidas na versão desktop em "quantidade de categorias a serem exibidas".
Diferenciais competitivos (em grid): Nesta subseção você poderá optar pela exibição dos diferenciais competitivos em grid localizados abaixo do banner principal e editar as informações de cada diferencial. A estrutura de campos utilizada para o cadastrado das informações é em linha, o ícone do diferencial fica à esquerda, título e descrição do diferencial à direita. É possível cadastrar até 5 diferenciais competitivos. Como demonstrado na imagem abaixo:
Vitrine de produtos: Nesta subseção você pode tornar a listagem de produtos aleatória e também pode tornar opcional a exibição das etiquetas do produto.
No layout disponibilizamos duas seções de produtos. Você pode escolher um dos segmentos de produto disponibilizados pela Tray (Mais vendidos, Lançamentos, Destaques, Frete Grátis, Promoção) para exibí-los em cada seção e também o layout de exibição e a quantidade de produtos por seção.
No print acima estamos exibindo 8 produtos que possuem o selo de lançamento, e o tipo de exibição selecionado é o slide. Abaixo segue o print de exemplificação de todas as opções de exibição. Nás últimas atualizações, implementamos a funcionalidade que permite a alteração da proporção das imagens dos produtos exibidos na vitrine. Ao selecionar uma das opções: Exibição quadrada. (Proporção 1x1) ou exibição retangular (proporção 0.7/1). O preview de produto ao lado das opções fará a simulação da alteração da imagem de produto na vitrine. Veja o print acima!
Na última imagem acima, a opção "grid com botão de carregar mais" está ativada. Após atingir o limite definido no painel o botão "carregar mais" irá redirecionar o cliente para um link que poderá ser definido no painel no campo "Link de redirecionamento para "carregar mais". Observação: caso não seja preenchido, a loja redirecionará o usuário para a página de pesquisa com o resultado de todos os produtos da loja.
Depoimentos: Nesta subseção você pode optar por exibir o bloco de depoimentos na página inicial em uma seção que antecede a Newsletter.
Notícias: Nesta subseção, você poderá optar pela exibição da seção de notícias que será exibida na sua página inicial.
Newsletter: Nesta seção, você poderá ocultar/exibir a seção da newsletter.
Instagram:
Neste tema, utilizamos o Light Widget para implementarmos a exibição do instagram. Sugerimos este plugin para ativação do seu instagram, mas você poderá ficar à vontade para utilizar outro plugin e inserir o seu código embed nos campos abaixo. Nesta seção, além do campo de exibição opcional, você poderá inserir o título da seção (como: siga-nos no instagram) e também o @meu_negocio da sua loja. O campo "script de integração com o instagram" deve receber um script, embed, ou código html de integração com o plugin de exibição de posts. Segue o print:
Rodapé: Nesta seção, você poderá personalizar os links de acessos disponíveis no rodapé. Na primeira coluna, ao desativar a opção de personalização da coluna "Institucional", o site irá exibir todas as páginas internas cadastradas no painel da Tray. Ao deixá-lo ativado, você poderá personalizar o título e link das páginas exibidas na coluna Institucional.
Os itens da seção "Links adicionais em Contato", recebem por padrão o telefone, WhatsApp e e-mail cadastrado na seção Minha Loja, os campos dessa seção, devem ser utilizados caso você queria disponibilizar algum link de contato adicional para os seus clientes. Lembre-se de clicar no botão ao lado do título "Links adicionais em Contato" para ativar essa funcionalidade.
Abaixo na seção de "Textos informativos", você poderá informar o horário de funcionamento da sua loja e também algumas informações jurídicas sobre o seu negócio.
Categorias e busca: Nesta subseção você pode ocultar o filtro inteligente presentes nas páginas de categoria e busca.
Página do produto: Nesta subseção você poderá ocultar ou exibir as seções de produtos relacionados e últimos produtos vistos. Seguem os prints abaixo:
