Configurações do tema
Use as configurações de tema para fazer alterações na tipografia, nas cores, nos links de rede social e nas configurações de checkout de sua loja virtual. As alterações nas configurações se aplicam a toda a loja virtual.
Nesta página
- Logo
- Cores
- Tipografia
- Layout
- Animações
- Bordas e sombras
- Botões
- Opções de variantes com amostras
- Pílulas de variantes
- Entradas
- Cartões
- Contêineres de conteúdo
- Mídia
- Menus suspensos e pop-ups
- Menus deslizantes
- Selos
- Ícones
- Informações da marca
- Redes sociais
- Comportamento da pesquisa
- Formato de moeda
- Carrinho
- Checkout
- Alterar estilos de tema
- Descartar e refazer alterações
Logo
É possível adicionar um logo da empresa à loja virtual, que aparece nestes locais:
- Cabeçalho de todas as páginas
- Página com senha
Vale lembrar que as imagens do logo têm uma largura máxima de 300 px.
Personalizar o logo
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Logo.
-
Na área Logo, clique em Selecionar imagem e siga um destes procedimentos:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, clique nela e, depois, em Selecionar.
- Para usar uma imagem de seu computador, clique em Fazer upload. Depois, escolha uma foto e clique em Abrir. Após a conclusão do upload, a imagem será selecionada automaticamente. Por fim, clique em Selecionar.
- Para usar uma imagem grátis, clique em Imagens grátis e selecione uma.
-
Adicione o texto alternativo à imagem do logo:
- Clique em Editar texto alternativo.
- Na janela Editar imagem , insira uma breve descrição da imagem.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Logo.
-
Na área Logo, clique em Selecionar imagem e siga um destes procedimentos:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, clique nela e, depois, em Selecionar.
- Para usar uma imagem de seu computador, clique em Fazer upload. Depois, escolha uma foto e clique em Abrir. Após a conclusão do upload, a imagem será selecionada automaticamente. Por fim, clique em Selecionar.
- Para usar uma imagem grátis, clique em Imagens grátis e selecione uma.
-
Adicione o texto alternativo à imagem do logo:
- Clique em Editar texto alternativo.
- Na janela Editar imagem , insira uma breve descrição da imagem.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Logo.
-
Na área Logo, clique em Selecionar imagem e siga um destes procedimentos:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, clique nela e, depois, em Selecionar.
- Para usar uma imagem de seu computador, clique em Fazer upload. Depois, escolha uma foto e clique em Abrir. Após a conclusão do upload, a imagem será selecionada automaticamente. Por fim, clique em Selecionar.
- Para usar uma imagem grátis, clique em Imagens grátis e selecione uma.
-
Adicione o texto alternativo à imagem do logo:
- Clique em Editar texto alternativo.
- Na janela Editar imagem , insira uma breve descrição da imagem.
- Clique em Salvar.
Personalizar a largura do logo
- Clique em configurações do tema.
- Clique em Logo.
- Na área Largura do logo no desktop, clique no botão para escolher a largura do pixel.
Favicon
Você pode adicionar um ícone de favoritos (ou favicon), que pode ajudar a fixar a marca de sua loja virtual. O favicon é exibido nos seguintes locais:
- na aba do navegador da web
- no histórico do navegador da web
- nos ícones da área de trabalho
- ao lado do nome da sua loja virtual após adição aos favoritos
Personalizar seu favicon
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Logo.
-
Na área Imagem de favicon, clique em Selecionar imagem e siga um destes procedimentos:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, clique nela e, depois, em Selecionar.
- Para usar uma imagem de seu computador, clique em Fazer upload. Depois, escolha uma foto e clique em Abrir. Após a conclusão do upload, a imagem será selecionada automaticamente. Por fim, clique em Selecionar.
- Para usar uma imagem grátis, clique em Imagens grátis e selecione uma.
-
Adicionar texto alternativo à sua imagem de favicon:
- Clique em Editar texto alternativo.
- Na janela Editar imagem , insira uma breve descrição da imagem.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Logo.
-
Na área Imagem de favicon, clique em Selecionar imagem e siga um destes procedimentos:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, clique nela e, depois, em Selecionar.
- Para usar uma imagem de seu computador, clique em Fazer upload. Depois, escolha uma foto e clique em Abrir. Após a conclusão do upload, a imagem será selecionada automaticamente. Por fim, clique em Selecionar.
- Para usar uma imagem grátis, clique em Imagens grátis e selecione uma.
-
Adicionar texto alternativo à sua imagem de favicon:
- Clique em Editar texto alternativo.
- Na janela Editar imagem , insira uma breve descrição da imagem.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Logo.
-
Na área Imagem de favicon, clique em Selecionar imagem e siga um destes procedimentos:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, clique nela e, depois, em Selecionar.
- Para usar uma imagem de seu computador, clique em Fazer upload. Depois, escolha uma foto e clique em Abrir. Após a conclusão do upload, a imagem será selecionada automaticamente. Por fim, clique em Selecionar.
- Para usar uma imagem grátis, clique em Imagens grátis e selecione uma.
-
Adicionar texto alternativo à sua imagem de favicon:
- Clique em Editar texto alternativo.
- Na janela Editar imagem , insira uma breve descrição da imagem.
- Clique em Salvar.
Cores
É possível criar até 21 esquemas de cores distintos e aplicá-los a diferentes seções da loja virtual. Saiba mais sobre opções, esquemas e gradientes de cores.
Personalizar suas configurações de cor
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado do tema que você quer personalizar, clique em Personalizar.
- Clique nas Configurações do tema e, depois, em Cores.
- Na seção Esquemas, clique em um item existente ou em Adicionar esquema para incluir um novo.
- Clique na amostra da cor para o tipo de conteúdo que será alterada.
- Para definir a cor, insira o código hexadecimal correspondente ou escolha uma opção no seletor de cores. Para definir a cor como transparente, exclua o valor do código hexadecimal do campo de texto.
- Clique em Salvar.
Tipografia
Defina o estilo e o tamanho da fonte do texto da loja virtual. É possível escolher uma que seja do sistema ou uma personalizada.
Recomendamos o uso de fontes do sistema, já que fazer download de novas fontes no computador do cliente pode reduzir a velocidade de carregamento da loja. Lembre-se de que a exibição depende do sistema operacional usado.
Personalizar suas configurações de tipografia
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Tipografia.
- Para cada tipo de texto, clique em Alterar para usar o seletor de fontes.
- Para acessar as fontes disponíveis, use o campo de pesquisa ou clique em Carregar mais.
- Clique no nome da fonte que você quer usar e, depois, em Selecionar.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Tipografia.
- Para cada tipo de texto, clique em Alterar para usar o seletor de fontes.
- Para acessar as fontes disponíveis, use o campo de pesquisa ou clique em Carregar mais.
- Clique no nome da fonte que você quer usar e, depois, em Selecionar.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Tipografia.
- Para cada tipo de texto, clique em Alterar para usar o seletor de fontes.
- Para acessar as fontes disponíveis, use o campo de pesquisa ou clique em Carregar mais.
- Clique no nome da fonte que você quer usar e, depois, em Selecionar.
- Clique em Salvar.
Personalizar tamanhos de fonte
É possível definir os tamanhos-padrão de fonte para o título e o corpo do texto na configuração de tema "Tipografia".
Etapas:
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em Configurações do tema > Tipografia.
- Para alterar o tamanho-padrão da fonte dos títulos, selecione uma Escala de tamanho da fonte. O tamanho-padrão e mínimo é de 100%, o máximo é de 150% e cada incremento da escala aumenta a fonte em 5%.
- Para alterar o tamanho-padrão da fonte do corpo do texto, selecione uma Escala de tamanho da fonte. O tamanho-padrão e mínimo é de 100%, o máximo é de 130%, e cada incremento na escala aumenta a fonte em 5%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em Configurações do tema > Tipografia.
- Para alterar o tamanho-padrão da fonte dos títulos, selecione uma Escala de tamanho da fonte. O tamanho-padrão e mínimo é de 100%, o máximo é de 150% e cada incremento da escala aumenta a fonte em 5%.
- Para alterar o tamanho-padrão da fonte do corpo do texto, selecione uma Escala de tamanho da fonte. O tamanho-padrão e mínimo é de 100%, o máximo é de 130%, e cada incremento na escala aumenta a fonte em 5%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em Configurações do tema > Tipografia.
- Para alterar o tamanho-padrão da fonte dos títulos, selecione uma Escala de tamanho da fonte. O tamanho-padrão e mínimo é de 100%, o máximo é de 150% e cada incremento da escala aumenta a fonte em 5%.
- Para alterar o tamanho-padrão da fonte do corpo do texto, selecione uma Escala de tamanho da fonte. O tamanho-padrão e mínimo é de 100%, o máximo é de 130%, e cada incremento na escala aumenta a fonte em 5%.
- Clique em Salvar.
Layout
O layout permite definir a largura máxima de exibição da loja virtual e definir o espaçamento vertical e horizontal entre as seções.
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em Configurações do tema > Layout.
- Use o controle deslizante para escolher entre uma largura de página de 1000 px ou 1600 px. A configuração-padrão é 1600 px.
- Opcional: use o controle deslizante para adicionar um espaço vertical entre as seções de no máximo 100 px.
- Opcional: caso você tenha um layout Grade, use os controles deslizantes Espaço horizontal e Espaço vertical para adicionar um espaço entre os conteúdos, que será de no máximo 40 px nas linhas e 40 px nas colunas.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em Configurações do tema > Layout.
- Use o controle deslizante para escolher entre uma largura de página de 1000 px ou 1600 px. A configuração-padrão é 1600 px.
- Opcional: use o controle deslizante para adicionar um espaço vertical entre as seções de no máximo 100 px.
- Opcional: caso você tenha um layout Grade, use os controles deslizantes Espaço horizontal e Espaço vertical para adicionar um espaço entre os conteúdos, que será de no máximo 40 px nas linhas e 40 px nas colunas.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em Configurações do tema > Layout.
- Use o controle deslizante para escolher entre uma largura de página de 1000 px ou 1600 px. A configuração-padrão é 1600 px.
- Opcional: use o controle deslizante para adicionar um espaço vertical entre as seções de no máximo 100 px.
- Opcional: caso você tenha um layout Grade, use os controles deslizantes Espaço horizontal e Espaço vertical para adicionar um espaço entre os conteúdos, que será de no máximo 40 px nas linhas e 40 px nas colunas.
- Clique em Salvar.
Animações
As animações permitem adicionar movimento e interesse visual à loja virtual. Você pode ativar uma animação de esmaecimento para revelar as seções da loja durante a rolagem e um efeito de passar o mouse para cartões e botões.
Etapas:
- No admin da Shopify, acesse Loja virtual > Temas.
- Ao lado do tema que você quer personalizar, clique em Personalizar.
- Clique nas Configurações do tema e, depois, em Animações.
- Opcional: para ativar uma animação que revela as seções da loja virtual durante a rolagem, selecione Revelar seções durante a rolagem.
-
Opcional: para adicionar uma animação de efeito de cursor a seus cartões e botões, escolha uma das seguintes opções na configuração de Efeito ao passar o mouse:
- Elevação vertical: quando o cliente passar o mouse sobre um cartão ou botão, o elemento muda para cima.
- Elevação 3D: quando o cliente passar o mouse sobre um cartão ou botão, o elemento se desloca para a frente, criando um efeito 3D. Esse efeito também tem um brilho sutil que se move pelo elemento, criando mais uma camada de dimensão.
Clique em Salvar.
Bordas e sombras
É possível ajustar as bordas e as sombras de alguns tipos de conteúdo interativo, como menus deslizantes, botões, variantes ou entradas de quantidade.
As opções personalizáveis para bordas são:
- Espessura, que altera o contorno do item
- Opacidade, que define a visibilidade do contorno do item
- Raio dos cantos, que arredonda os cantos dos itens
No caso das sombras, as opções funcionam da seguinte maneira:
- Opacidade altera a visibilidade da sombra do item. O valor de 0% remove totalmente a sombra.
- Os controles deslizantes de deslocamento Horizontal ou Vertical movem a sombra ao redor do item.
- O controle deslizante Desfoque pode ser usado para alterar a opacidade da sombra do item.
Botões
Adicione sombras, altere o espaçamento ou a opacidade e ajuste o formato para personalizar as configurações dos botões de call-to-action na loja virtual.
Personalizar botões
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Botões.
- Use os controles deslizantes para alterar a aparência da Borda do botão.
- Use os controles deslizantes para alterar a Sombra do botão. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Botões.
- Use os controles deslizantes para alterar a aparência da Borda do botão.
- Use os controles deslizantes para alterar a Sombra do botão. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Botões.
- Use os controles deslizantes para alterar a aparência da Borda do botão.
- Use os controles deslizantes para alterar a Sombra do botão. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
Opções de variantes com amostras
As amostras são uma representação visual das variantes do produto. Para exibi-las, é preciso ter a versão mais recente do Dawn e os metacampos de categoria associados às variantes. Com o Dawn, as opções de variantes podem aparecer em um menu suspenso ou em uma amostra. Se você exibir as opções de variantes como amostra, poderá optar por mostrar como um círculo, uma amostra ou nenhuma dessas alternativas. Nesse caso, o valor da opção aparece como texto.
Configurar amostras com metacampos de categoria
- No admin da Shopify, acesse Produtos.
- Clique em um produto.
- Na seção Organização do produto, preencha o campo Categoria do produto e selecione o resultado mais preciso na lista em questão. A categoria precisa incluir um metacampo Cor.
- Na seção Variantes, clique em Adicionar opções como tamanho ou cor.
- Clique em Cor.
- Clique no campo Adicionar cor e selecione todas as entradas padrão no menu suspenso.
-
Para adicionar uma entrada de cor personalizada:
- Clique em Adicionar cor e, depois, em Adicionar nova entrada.
- Na página Adicionar entrada, preencha os campos Etiqueta e Cor.
- Se você quiser uma estampa em vez de uma cor, preencha o campo Imagem. Se você adicionar uma cor e uma imagem, a imagem será usada para a amostra.
- Selecione uma Cor-base e uma Estampa-base.
- Clique em Salvar.
Clique em Salvar para registrar as alterações.
Personalizar amostras no Dawn
- No seu admin da Shopify, vá para loja virtual > temas.
- Confirme que você tem a versão mais recente do Dawn instalada e clique em Personalizar.
- Vá até o produto ao qual você adicionou opções de cor.
- Opcional: para personalizar as amostras, clique no bloco Seletor de variante. Você pode alterar a exibição das amostras escolhendo entre Círculo, Quadrado ou Nenhum.
- Clique em Salvar para salvar o tema.
Pílulas de variantes
As pílulas permitem que você exiba as variantes de um produto em uma página do produto ou em uma seção de produto em destaque. Dessa maneira, os clientes conseguem selecionar a variante escolhida para adicionar ao carrinho sem a necessidade de mudar de página.
Personalizar pílulas de variantes
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Pílulas de variantes.
- Use os controles deslizantes para alterar a aparência da Borda da pílula de variante.
- Use os controles deslizantes para alterar a Sombra da pílula de variantes. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Pílulas de variantes.
- Use os controles deslizantes para alterar a aparência da Borda da pílula de variante.
- Use os controles deslizantes para alterar a Sombra da pílula de variantes. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Pílulas de variantes.
- Use os controles deslizantes para alterar a aparência da Borda da pílula de variante.
- Use os controles deslizantes para alterar a Sombra da pílula de variantes. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
Entradas
As entradas são áreas interativas que exigem a inserção de dados pelo cliente, por exemplo, um seletor de quantidade, um formulário de assinante de e-mail ou observações do carrinho. Para ajustar a aparência delas na loja virtual, use as configurações do tema.
Personalizar entradas
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Entradas.
- Use os controles deslizantes para alterar a aparência da Borda da entrada
- Use os controles deslizantes para alterar a Sombra da entrada. Para remover a sombra, basta definir a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Entradas.
- Use os controles deslizantes para alterar a aparência da Borda da entrada
- Use os controles deslizantes para alterar a Sombra da entrada. Para remover a sombra, basta definir a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Entradas.
- Use os controles deslizantes para alterar a aparência da Borda da entrada
- Use os controles deslizantes para alterar a Sombra da entrada. Para remover a sombra, basta definir a opacidade como 0%.
- Clique em Salvar.
Cartões
As configurações de cartões de produto, cartões de coleção e cartões de blog permitem personalizar o estilo de cada tipo de área exibida nas seções. É possível alterar a cor, o alinhamento, o preenchimento de imagens, as bordas e as sombras desses três tipos de cartões de seção.
Personalizar cartões
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Cartões de produto, cartões de coleçãoou cartões de blog.
- Use o menu suspenso para escolher um Estilo de cartão.
- Adicione Preenchimento de imagem com o controle deslizante. Assim, você acrescenta espaço ao redor das imagens do cartão.
- Use o menu suspenso para definir o Alinhamento de texto dos cartões. É possível escolher entre esquerda, centro (padrão) ou direita.
- Use o menu suspenso para selecionar um Esquema de cores para os cartões.
- Use os controles deslizantes para alterar a aparência da Borda do cartão.
- Use os controles deslizantes para alterar a Sombra do cartão. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Cartões de produto, cartões de coleçãoou cartões de blog.
- Use o menu suspenso para escolher um Estilo de cartão.
- Adicione Preenchimento de imagem com o controle deslizante. Assim, você acrescenta espaço ao redor das imagens do cartão.
- Use o menu suspenso para definir o Alinhamento de texto dos cartões. É possível escolher entre esquerda, centro (padrão) ou direita.
- Use o menu suspenso para selecionar um Esquema de cores para os cartões.
- Use os controles deslizantes para alterar a aparência da Borda do cartão.
- Use os controles deslizantes para alterar a Sombra do cartão. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Cartões de produto, cartões de coleçãoou cartões de blog.
- Use o menu suspenso para escolher um Estilo de cartão.
- Adicione Preenchimento de imagem com o controle deslizante. Assim, você acrescenta espaço ao redor das imagens do cartão.
- Use o menu suspenso para definir o Alinhamento de texto dos cartões. É possível escolher entre esquerda, centro (padrão) ou direita.
- Use o menu suspenso para selecionar um Esquema de cores para os cartões.
- Use os controles deslizantes para alterar a aparência da Borda do cartão.
- Use os controles deslizantes para alterar a Sombra do cartão. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
Contêineres de conteúdo
Os contêineres são a parte textual das seções de conteúdo, por exemplo, a caixa de texto em uma apresentação de slides, em um banner de imagem ou nas colunas de seções com várias colunas. É importante destacar que a aparência dos contêineres de conteúdo na loja virtual pode ser personalizada.
Personalizar contêineres de conteúdo
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Contêineres de conteúdo.
- Use os controles deslizantes para alterar a aparência da Borda do contêiner de conteúdo.
- Use os controles deslizantes para alterar a Sombra do contêiner de conteúdo. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Contêineres de conteúdo.
- Use os controles deslizantes para alterar a aparência da Borda do contêiner de conteúdo.
- Use os controles deslizantes para alterar a Sombra do contêiner de conteúdo. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Contêineres de conteúdo.
- Use os controles deslizantes para alterar a aparência da Borda do contêiner de conteúdo.
- Use os controles deslizantes para alterar a Sombra do contêiner de conteúdo. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
Mídia
A mídia é o componente visual das seções, por exemplo, a mídia do produto ou a imagem nas seções de imagem com texto. Para personalizar a mídia, é possível adicionar bordas e sombras.
Personalizar mídia
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Mídia.
- Use os controles deslizantes para alterar a aparência da Borda da mídia.
- Use os controles deslizantes para alterar a Sombra da mídia. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Mídia.
- Use os controles deslizantes para alterar a aparência da Borda da mídia.
- Use os controles deslizantes para alterar a Sombra da mídia. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Mídia.
- Use os controles deslizantes para alterar a aparência da Borda da mídia.
- Use os controles deslizantes para alterar a Sombra da mídia. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
Menus suspensos e pop-ups
Ajuste a aparência de menus suspensos de navegação, janelas modais pop-up e pop-ups do carrinho.
Personalizar menus suspensos e pop-ups
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Menus suspensos e pop-ups.
- Use os controles deslizantes para alterar a aparência da Borda.
- Use os controles deslizantes para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Menus suspensos e pop-ups.
- Use os controles deslizantes para alterar a aparência da Borda.
- Use os controles deslizantes para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Menus suspensos e pop-ups.
- Use os controles deslizantes para alterar a aparência da Borda.
- Use os controles deslizantes para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
Menus deslizantes
Os menus deslizantes são contêineres interativos ocultos que aparecem e desaparecem quando alguém toca ou clica neles, por exemplo, um menu de navegação recolhível ou opções de filtro.
Personalizar menus deslizantes
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Menus deslizantes.
- Use os controles deslizantes para alterar a aparência da Borda.
- Use os controles deslizantes para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Menus deslizantes.
- Use os controles deslizantes para alterar a aparência da Borda.
- Use os controles deslizantes para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Menus deslizantes.
- Use os controles deslizantes para alterar a aparência da Borda.
- Use os controles deslizantes para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
Selos
Os selos Promoção e Esgotado são adicionados automaticamente às imagens do produto quando o preço cai ou quando a contagem de estoque chega a 0. É possível ajustar a posição, a forma e a cor dos selos.
Os selos Página e Blog aparecem nos resultados de pesquisa relevantes. É possível personalizar a posição e a forma desses selos, mas não a cor.
Personalizar selos
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Selos.
- Use o menu suspenso para selecionar a posição do selo nos cartões de produto. É possível escolher entre superior à esquerda, superior à direita, inferior à esquerda (padrão) ou inferior à direita.
- Adicione cantos arredondados com o controle deslizante Raio dos cantos. Quando você define essa configuração como 0 px, o selo fica com bordas quadradas. Portanto, para arredondar as bordas, basta aumentar o raio.
- Escolha um Esquema de cores para os selos. É possível definir um esquema alternativo para itens esgotados.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Selos.
- Use o menu suspenso para selecionar a posição do selo nos cartões de produto. É possível escolher entre superior à esquerda, superior à direita, inferior à esquerda (padrão) ou inferior à direita.
- Adicione cantos arredondados com o controle deslizante Raio dos cantos. Quando você define essa configuração como 0 px, o selo fica com bordas quadradas. Portanto, para arredondar as bordas, basta aumentar o raio.
- Escolha um Esquema de cores para os selos. É possível definir um esquema alternativo para itens esgotados.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Selos.
- Use o menu suspenso para selecionar a posição do selo nos cartões de produto. É possível escolher entre superior à esquerda, superior à direita, inferior à esquerda (padrão) ou inferior à direita.
- Adicione cantos arredondados com o controle deslizante Raio dos cantos. Quando você define essa configuração como 0 px, o selo fica com bordas quadradas. Portanto, para arredondar as bordas, basta aumentar o raio.
- Escolha um Esquema de cores para os selos. É possível definir um esquema alternativo para itens esgotados.
- Clique em Salvar.
Ícones
Os ícones são imagens pequenas que podem ser adicionadas a seções ou blocos. Defina o esquema de cores dos ícones nas configurações do tema.
Personalizar ícones
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Ícones.
- Use o menu suspenso para selecionar a cor-padrão dos ícones da loja. É possível escolher entre Destaque 1, Destaque 2, Botão com contorno ou cor do texto.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Ícones.
- Use o menu suspenso para selecionar a cor-padrão dos ícones da loja. É possível escolher entre Destaque 1, Destaque 2, Botão com contorno ou cor do texto.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Ícones.
- Use o menu suspenso para selecionar a cor-padrão dos ícones da loja. É possível escolher entre Destaque 1, Destaque 2, Botão com contorno ou cor do texto.
- Clique em Salvar.
Informações da marca
É possível incluir informações sobre a marca em um bloco específico para isso no rodapé.
Personalizar as informações da marca
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Informações da marca.
- Digite um título.
- Digite uma descrição.
-
Clique em Selecionar imagem e siga um dos seguintes procedimentos:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, clique nela e, depois, em Selecionar.
- Para usar uma imagem de seu computador, clique em Fazer upload. Depois, escolha uma foto e clique em Abrir. Após a conclusão do upload, a imagem será selecionada automaticamente. Por fim, clique em Selecionar.
- Para usar uma imagem grátis, clique em Imagens grátis e selecione uma.
Na área Largura da imagem, clique no botão para escolher a largura do pixel.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Informações da marca.
- Digite um título.
- Digite uma descrição.
-
Clique em Selecionar imagem e siga um dos seguintes procedimentos:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, clique nela e, depois, em Selecionar.
- Para usar uma imagem de seu computador, clique em Fazer upload. Depois, escolha uma foto e clique em Abrir. Após a conclusão do upload, a imagem será selecionada automaticamente. Por fim, clique em Selecionar.
- Para usar uma imagem grátis, clique em Imagens grátis e selecione uma.
Na área Largura da imagem, clique no botão para escolher a largura do pixel.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Informações da marca.
- Digite um título.
- Digite uma descrição.
-
Clique em Selecionar imagem e siga um dos seguintes procedimentos:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, clique nela e, depois, em Selecionar.
- Para usar uma imagem de seu computador, clique em Fazer upload. Depois, escolha uma foto e clique em Abrir. Após a conclusão do upload, a imagem será selecionada automaticamente. Por fim, clique em Selecionar.
- Para usar uma imagem grátis, clique em Imagens grátis e selecione uma.
Na área Largura da imagem, clique no botão para escolher a largura do pixel.
Redes sociais
Você pode adicionar botões de compartilhamento em redes sociais a seus produtos e posts de blog, e links de suas contas de redes sociais. Os links para suas contas de redes sociais são exibidos no rodapé de sua loja virtual.
Personalizar suas configurações de redes sociais
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Redes sociais.
- Nos campos fornecidos em Contas, inclua links para suas redes sociais. Lembre-se de inserir os endereços completos, como https://instagram.com/shopify ou https://twitter.com/shopify.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Redes sociais.
- Nos campos fornecidos em Contas, inclua links para suas redes sociais. Lembre-se de inserir os endereços completos, como https://instagram.com/shopify ou https://twitter.com/shopify.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Redes sociais.
- Nos campos fornecidos em Contas, inclua links para suas redes sociais. Lembre-se de inserir os endereços completos, como https://instagram.com/shopify ou https://twitter.com/shopify.
- Clique em Salvar.
Comportamento da pesquisa
A loja virtual usa pesquisa preditiva, que mostra sugestões quando os clientes começam a digitar no campo de busca. Essas sugestões podem ajudá-los a formular e refinar as consultas de pesquisa, além de fornecer novas maneiras de conhecer uma loja virtual. Elas também permitem que os clientes vejam resultados detalhados sem precisar sair da página atual.
Personalize as seguintes configurações de pesquisa:
- Habilitar as sugestões de pesquisa: habilite ou desabilite as sugestões de pesquisa.
- Exibir fornecedor do produto: mostra ou oculta os fornecedores do produto nas sugestões da pesquisa.
- Exibir preço do produto: mostra ou oculta preços de produtos nas sugestões da pesquisa.
Alterar configurações da entrada de pesquisa
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Entrada de pesquisa.
- Use as configurações para personalizar o comportamento de pesquisa da loja.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Entrada de pesquisa.
- Use as configurações para personalizar o comportamento de pesquisa da loja.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Entrada de pesquisa.
- Use as configurações para personalizar o comportamento de pesquisa da loja.
- Clique em Salvar.
Para saber mais sobre como as sugestões pesquisa funcionam, consulte Pesquisa preditiva.
Formato de moeda
Se preferir, opte por exibir sempre o código da moeda nos preços apresentados em produtos, carrinhos e checkout.
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em configurações do tema.
- Clique em Formato de moeda.
- Para exibir códigos de moeda, clique na caixa de seleção Mostrar códigos de moeda.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Formato de moeda.
- Para exibir códigos de moeda, clique na caixa de seleção Mostrar códigos de moeda.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em configurações do tema.
- Clique em Formato de moeda.
- Para exibir códigos de moeda, clique na caixa de seleção Mostrar códigos de moeda.
- Clique em Salvar.
Carrinho
É possível alterar o estilo do carrinho na loja virtual. Quando um cliente adiciona um produto da loja ao carrinho, ele pode ser exibido como uma aba deslizante, uma página ou uma notificação pop-up. Para manter o cliente na página do produto, use a opção de notificação deslizante ou pop-up. Para levar o cliente até a página do carrinho, use a opção de página. Quando o carrinho do cliente estiver vazio, será possível exibir uma coleção em destaque no carrinho de compras deslizante.
Etapas:
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em Configurações do tema > Carrinho.
- Use o menu suspenso para selecionar um estilo de carrinho: deslizante, página ou notificação pop-up.
- Opcional: para mostrar o fabricante dos itens no carrinho do cliente, clique em Exibir fabricante.
- Opcional: ofereça aos clientes uma área para fazer solicitações especiais ou adicionar informações extras ao pedido. Para isso, basta selecionar a opção Ativar observações sobre o carrinho.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em Configurações do tema > Carrinho.
- Use o menu suspenso para selecionar um estilo de carrinho: deslizante, página ou notificação pop-up.
- Opcional: para mostrar o fabricante dos itens no carrinho do cliente, clique em Exibir fabricante.
- Opcional: ofereça aos clientes uma área para fazer solicitações especiais ou adicionar informações extras ao pedido. Para isso, basta selecionar a opção Ativar observações sobre o carrinho.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em Configurações do tema > Carrinho.
- Use o menu suspenso para selecionar um estilo de carrinho: deslizante, página ou notificação pop-up.
- Opcional: para mostrar o fabricante dos itens no carrinho do cliente, clique em Exibir fabricante.
- Opcional: ofereça aos clientes uma área para fazer solicitações especiais ou adicionar informações extras ao pedido. Para isso, basta selecionar a opção Ativar observações sobre o carrinho.
Se o tipo estiver definido como Deslizante, será possível exibir uma coleção no carrinho de compras deslizante. Vale lembrar que esse grupo de produtos só aparece quando o carrinho está vazio.
Para adicionar uma coleção ao carrinho de compras deslizante vazio, clique em Selecionar coleção. e depois em Alterar para escolher uma coleção diferente ou remover a que está no carrinho. Outra opção é clicar em Criar coleção, um botão que sai das configurações do tema e leva você para a página Coleções do admin da Shopify.
Checkout
Esta seção permite personalizar o checkout. Consulte o Checkout da Shopify para saber mais sobre a página de checkout de sua loja.
Alterar estilos de tema
Um estilo de tema é uma coleção de configurações escolhidas pelo criador de tema que podem ser aplicadas à loja para ter uma aparência refinada. Todos os temas têm um estilo aplicado por padrão. Um tema personalizado substitui as configurações de estilo de tema pelas suas preferências. Se você aplicar um estilo a um tema, as configurações atuais, como cores e tipografia, serão alteradas.
Etapas:
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique em Configurações do tema > Estilo.
- Nos menus suspensos, selecione o estilo de tema. As opções disponíveis dependem do tema usado.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em Configurações do tema > Estilo.
- Nos menus suspensos, selecione o estilo de tema. As opções disponíveis dependem do tema usado.
- Clique em Salvar.
- No app da Shopify, toque no botão ….
- Na seção canais de vendas, toque em loja virtual.
- Toque em Gerenciar todos os temas.
- Encontre o tema que você quer editar e toque em Personalizar.
- Toque em Editar.
- Clique em Configurações do tema > Estilo.
- Nos menus suspensos, selecione o estilo de tema. As opções disponíveis dependem do tema usado.
- Clique em Salvar.
Descartar e refazer alterações
O botão Desfazer reverte a alteração mais recente, e o botão Refazer inclui novamente uma alteração desfeita. Clique no botão Desfazer mais de uma vez para continuar a desfazer o trabalho, uma alteração de cada vez. Os botões Desfazer e Refazer estão localizados na barra de ferramentas do editor de temas.
Clique no botão Desfazer para reverter as seguintes alterações:
- adicionar, reordenar e excluir seções
- aplicar cores, fontes e outras configurações, na aba Configurações do tema
- redefinir um estilo de tema.