# Configurações de Layout ##### Após colocar o site do cliente no ar, vamos dar inicio com ele nas configurações de layout. ##### Para iniciar vamos em **Loja/Marketplace - Minha Loja** [![Captura de tela 2024-10-29 160142.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/scaled-1680-/captura-de-tela-2024-10-29-160142.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-10/captura-de-tela-2024-10-29-160142.png) ##### Em seguida em **Minha Loja** vamos em **Layout - Layout da Loja** [![Captura de tela 2024-11-01 141724.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-01-141724.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-01-141724.png) ##### Será aberto para dar inicio a escolha do layout, na tela temos a disposição ao lado direito mostrando o que é cada parte a ser alterada e no lado esquerdo as escolhas do layout. [![Captura de tela 2024-11-04 103550.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-103550.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-04-103550.png) ##### A primeira opção do layout para escolha é o modelo do topo que dispoe de duas opções, no modelo 1 o logotipo fica na parte do cabeçalho, já no modelo 2 o logotipo fica junto ao menu, conforme for escolhendo será mostrado na disposição do layout do lado direito. [![Captura de tela 2024-11-04 103748.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-103748.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-04-103748.png) ##### O modelo do conteúdo temos somente 1 opção. [![Captura de tela 2024-11-04 103840.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-103840.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-04-103840.png) ##### Logo em seguida vamos ter as escolhas em relação as cores e texto, podemos selecionar como será a fonte, o sistema dispõe de várias opções. [![Captura de tela 2024-11-04 104004.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-104004.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-04-104004.png) ##### Vamos começar a definir as cores para o site, iniciando pelas cores primárias e secundárias, serão as cores principais da loja. Temos a opção de preencher o código hexadecimal da cor ou procurar a cor desejada. [![Captura de tela 2024-11-04 104301.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-104301.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-04-104301.png) ##### Além das cores primárias, será possível escolher também as cores do cabeçalho e do menu. Caso tenha dúvidas em qual cor é para determinado espaço no layout, consulte a disposição do layout na direita. [![Captura de tela 2024-11-04 104538.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-04-104538.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-04-104538.png) ##### Vamos ter também o botão de Mais Opções que vai listar outros detalhes do layout que conseguimos personalizar também. [![Captura de tela 2024-11-05 100907.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-100907.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-05-100907.png) ##### Ele vai ter a configuração Geral que é para configurar a cor de texto das palavras que estão dentro dos botões. [![Captura de tela 2024-11-05 101221.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-101221.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-05-101221.png) ##### Vai ter também a parte de conteúdo, que é possível definir a cor do fundo, das bordas, cor primária do texto e cor secundária do texto também. O conteúdo é a parte do fundo do site. [![Captura de tela 2024-11-05 101252.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-101252.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-05-101252.png) ##### Além disso também irá apresentar as cores para o rodapé, como cor de fundo, cor do texto, cor de fundo copyright e cor do texto copyright. ##### Cor de fundo e cor de texto: [![Captura de tela 2024-11-05 101342.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-101342.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-05-101342.png) ##### Cor de fundo copyright e cor de texto copyright: [![Captura de tela 2024-11-05 101434.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/scaled-1680-/captura-de-tela-2024-11-05-101434.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-11/captura-de-tela-2024-11-05-101434.png) ##### Após configurar o layout clique em salvar layout e depois no site do cliente faça a atualização usando o /atualizar.