Configurações do tema
Use as configurações de tema para fazer alterações na tipografia, nas cores, nos links de redes sociais e na página do carrinho 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
- Pílulas de variantes
- Entradas
- Cartões
- Contêineres de conteúdo
- Mídia
- Menus suspensos e pop-ups
- Menus deslizantes
- Selos
- Informações da marca
- Redes sociais
- Comportamento da pesquisa
- Formato de moeda
- Carrinho
- CSS personalizado
- Estilo do tema
- Descartar e refazer alterações
- Opções de cores com amostras
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
Personalizar o logo
Vale lembrar que as imagens do logo têm uma largura máxima de 300 px.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Logo.
- Na área Logotipo, adicione sua imagem ou use uma imagem gratuita:
- Para adicionar sua imagem, clique em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, selecione-a e, depois, clique em Pronto.
- Para usar uma imagem do computador local, clique em Adicionar imagens. Selecione e adicione uma imagem, depois clique em Pronto.
- Para adicionar sua imagem, clique em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem gratuita, clique em Acessar imagens gratuitas. Encontre uma imagem, clique para selecioná-la e, depois, clique em Selecionar.
-
Opcional: adicionar texto alternativo à sua imagem do logo:
- Na área Logo, clique em Editar.
- No campo Texto alternativo, insira uma breve descrição da imagem.
- Clique em Salvar.
Opcional: na área Largura do logo no desktop, use o controle deslizante para ajustar a largura do pixel do logo.
Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Logo.
- Na área Logotipo, adicione sua imagem ou use uma imagem gratuita:
- Para adicionar sua imagem, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, selecione-a e toque em Pronto.
- Para usar uma imagem do dispositivo local, toque em Adicionar imagens. Selecione e adicione uma imagem do dispositivo local, toque na imagem para selecioná-la e, depois, toque em Pronto.
- Para adicionar sua imagem, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem gratuita, toque em Acessar imagens gratuitas. Encontre uma imagem, toque para selecioná-la e, depois, toque em Pronto.
-
Opcional: adicionar texto alternativo à sua imagem do logo:
- Na área Logo, toque em Editar.
- No campo Texto alternativo, insira uma breve descrição da imagem.
- Toque em Salvar.
Opcional: na área Largura do logo no desktop, use o controle deslizante para ajustar a largura do pixel do logo.
Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Logo.
- Na área Logotipo, adicione sua imagem ou use uma imagem gratuita:
- Para adicionar sua imagem, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, selecione-a e toque em Pronto.
- Para usar uma imagem do dispositivo local, toque em Adicionar imagens. Selecione e adicione uma imagem do dispositivo local, toque na imagem para selecioná-la e, depois, toque em Pronto.
- Para adicionar sua imagem, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem gratuita, toque em Acessar imagens gratuitas. Encontre uma imagem, toque para selecioná-la e, depois, toque em Pronto.
-
Opcional: adicionar texto alternativo à sua imagem do logo:
- Na área Logo, toque em Editar.
- No campo Texto alternativo, insira uma breve descrição da imagem.
- Toque em Salvar.
Opcional: na área Largura do logo no desktop, use o controle deslizante para ajustar a largura do pixel do logo.
Toque em ✓.
Adicionar um favicon
Você pode adicionar um ícone de favoritos, ou favicon, que pode ajudar no branding de sua loja virtual. Um 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 a adição do site aos favoritos
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema ao qual você quer adicionar um favicon e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Conforme a versão do tema, clique em Logo ou em Favicon.
-
Na seção Imagem de favicon, clique em Selecionar imagem e, em seguida, adicione uma imagem nova ou existente:
- Se já tiver enviado ao admin da Shopify, pesquise e selecione a imagem com a caixa de seleção.
- Para selecionar uma imagem do computador local, clique em Adicionar imagens, abra e selecione o arquivo com a caixa de seleção.
Clique em Pronto.
-
Opcional: adicionar texto alternativo à sua imagem de favicon:
- Na seção Imagem de favicon, clique em Editar.
- No campo Texto alternativo, insira uma breve descrição da imagem.
- Clique em Salvar.
Clique em Salvar.
iPhone
- 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 ao qual você quer adicionar um favicon e toque em Personalizar.
- Toque em ⋮ e, depois, em Configurações do tema.
- Conforme a versão do tema, toque em Logo ou em Favicon.
-
Na seção Imagem de favicon, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Se já tiver enviado ao admin da Shopify, pesquise e selecione a imagem com a caixa de seleção.
- Para selecionar uma imagem do computador local, toque em Adicionar imagens, abra e selecione o arquivo com a caixa de seleção.
Toque em Pronto.
-
Adicionar texto alternativo à sua imagem de favicon:
- Na seção Imagem de favicon, toque em Editar.
- No campo Texto alternativo, insira uma breve descrição da imagem.
- Toque em Salvar.
Toque em Salvar.
Android
- 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 ao qual você quer adicionar um favicon e toque em Personalizar.
- Toque em ... e, depois, em Configurações do tema.
- Conforme a versão do tema, toque em Logo ou em Favicon.
-
Na seção Imagem de favicon, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Se já tiver enviado ao admin da Shopify, pesquise e selecione a imagem com a caixa de seleção.
- Para selecionar uma imagem do computador local, toque em Adicionar imagens, abra e selecione o arquivo com a caixa de seleção.
Toque em Pronto.
-
Adicionar texto alternativo à sua imagem de favicon:
- Na seção Imagem de favicon, toque em Editar.
- No campo Texto alternativo, insira uma breve descrição da imagem.
- Toque em Salvar.
Toque em ✓.
Cores
É possível criar e personalizar 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.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema
- Clique em Cores.
- Na seção Esquemas, clique em um item existente ou em Adicionar esquema para incluir um novo esquema de cores.
-
Para editar o esquema de cores, clique na amostra de cor para alterar as seguintes cores de tipo de conteúdo:
- Plano de fundo
- Gradiente de plano de fundo
- Texto
- Plano de fundo do botão sólido
- Etiqueta de botão sólido
- Botão com contorno
- Sombra
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 de cores hexadecimal do campo de texto.
Clique em Salvar.
iPhone
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 ⋮ e, depois, em Configurações do tema.
Toque em Cores.
Na seção Esquemas, toque em um item existente ou em Adicionar esquema para incluir um novo esquema de cores.
-
Para editar o esquema de cores, toque na amostra de cor para alterar as seguintes cores de tipo de conteúdo:
- Plano de fundo
- Gradiente de plano de fundo
- Texto
- Plano de fundo do botão sólido
- Etiqueta de botão sólido
- Botão com contorno
- Sombra
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 de cores hexadecimal do campo de texto.
Toque em Pronto.
Toque em Salvar.
Android
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 ... e, depois, em Configurações do tema.
Toque em Cores.
Na seção Esquemas, toque em um item existente ou em Adicionar esquema para incluir um novo esquema de cores.
-
Para editar o esquema de cores, toque na amostra de cor para alterar as seguintes cores de tipo de conteúdo:
- Plano de fundo
- Gradiente de plano de fundo
- Texto
- Plano de fundo do botão sólido
- Etiqueta de botão sólido
- Botão com contorno
- Sombra
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 de cores hexadecimal do campo de texto.
Toque em Pronto.
Toque em ✓.
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.
Considere o uso de fontes do sistema em sua loja, porque elas já estão instaladas no computador do usuário e seu uso evita o download de novas fontes no computador do cliente, o que pode afetar negativamente a velocidade de carregamento da loja. Lembre-se de que a exibição depende do sistema operacional usado.
Personalizar tipos de fonte
Consulte a biblioteca de fontes da Shopify para ver uma lista das fontes disponíveis.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Tipografia.
- Para alterar um tipo de fonte do corpo do texto ou cabeçalho da loja, clique em Alterar na seção Cabeçalho ou Corpo.
- Clique no nome da fonte que você quer usar e, depois, em Selecionar.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Tipografia.
- Para alterar o tipo de fonte do corpo do texto ou cabeçalho da loja, toque em Alterar na seção Cabeçalho ou Corpo.
- Toque no nome da fonte que você quer usar e, depois, em Pronto.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Tipografia.
- Para alterar o tipo de fonte do corpo do texto ou cabeçalho da loja, toque em Alterar na seção Cabeçalho ou Corpo.
- Toque no nome da fonte que você quer usar e, depois, em Pronto.
- Toque em ✓.
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".
O tamanho-padrão e mínimo é de 100%, o máximo é de 150%, e cada incremento na escala aumenta a fonte em 5%. A configuração-padrão é 100%.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Tipografia.
- Para alterar o tamanho-padrão da fonte Cabeçalho do texto, use o controle deslizante Escala de tamanho da fonte.
- Para alterar o tamanho-padrão da fonte do Corpo do texto, use o controle deslizante Escala de tamanho da fonte.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Tipografia.
- Para alterar o tamanho-padrão da fonte Cabeçalho do texto, use o controle deslizante Escala de tamanho da fonte.
- Para alterar o tamanho-padrão da fonte do Corpo do texto, use o controle deslizante Escala de tamanho da fonte.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Tipografia.
- Para alterar o tamanho-padrão da fonte Cabeçalho do texto, use o controle deslizante Escala de tamanho da fonte.
- Para alterar o tamanho-padrão da fonte do Corpo do texto, use o controle deslizante Escala de tamanho da fonte.
- Toque em ✓.
Layout
Você pode definir a largura máxima de exibição da loja virtual e definir o espaçamento vertical e horizontal entre as seções.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Layout.
- Use o controle deslizante Largura da página para escolher uma largura entre 1.000 px e 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 modelo nas páginas, de no máximo 100 px.
- Opcional: caso você tenha um layout Grade, use os controles deslizante Espaço horizontal e Espaço vertical para adicionar um espaço entre os conteúdos nas páginas, que será de no máximo 40 px nas linhas de conteúdo das páginas e 40 px nas colunas de conteúdo das páginas.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Layout.
- Use o controle deslizante Largura da página para escolher uma largura entre 1.000 px e 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 modelo nas páginas, de no máximo 100 px.
- Opcional: caso você tenha um layout Grade, use os controles deslizante Espaço horizontal e Espaço vertical para adicionar um espaço entre os conteúdos nas páginas, que será de no máximo 40 px nas linhas de conteúdo das páginas e 40 px nas colunas de conteúdo das páginas.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Layout.
- Use o controle deslizante Largura da página para escolher uma largura entre 1.000 px e 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 modelo nas páginas, de no máximo 100 px.
- Opcional: caso você tenha um layout Grade, use os controles deslizante Espaço horizontal e Espaço vertical para adicionar um espaço entre os conteúdos nas páginas, que será de no máximo 40 px nas linhas de conteúdo das páginas e 40 px nas colunas de conteúdo das páginas.
- Toque em ✓.
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:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique 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, selecione 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.
iPhone
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 ⋮ e, depois, em Configurações do tema.
Toque 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, selecione 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.
Toque em Salvar.
Android
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 ... e, depois, em Configurações do tema.
Toque 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, selecione 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.
Toque em ✓.
Bordas e sombras
É possível ajustar as bordas e as sombras de alguns tipos de conteúdo interativo, como menus deslizantes, botões, pílulas de variantes ou entradas de quantidade de produtos.
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 do item.
As opções personalizáveis para sombras são:
- Opacidade, que altera a visibilidade da sombra do item. O valor de 0% remove totalmente a sombra.
- Os controles deslizantes de deslocamento Horizontal e Vertical, que movem a sombra ao redor do item.
- O controle deslizante Desfoque, que altera 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.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Botões.
- Opcional: use o controle deslizante para alterar a aparência da Borda do botão.
- Opcional: use o controle deslizante para alterar a Sombra do botão. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Botões.
- Opcional: use o controle deslizante para alterar a aparência da Borda do botão.
- Opcional: use o controle deslizante para alterar a Sombra do botão. Para remover a sombra, defina a opacidade como 0%.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Botões.
- Opcional: use o controle deslizante para alterar a aparência da Borda do botão.
- Opcional: use o controle deslizante para alterar a Sombra do botão. Para remover a sombra, defina a opacidade como 0%.
- Toque em ✓.
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 de destaque. Dessa maneira, os clientes conseguem selecionar a variante escolhida para adicionar ao carrinho sem a necessidade de mudar de página. É possível personalizar a exibição das pílulas de variantes na loja virtual.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Pílulas de variantes.
- Opcional: use o controle deslizante para alterar a aparência da Borda da pílula de variante.
- Opcional: use o controle deslizante para alterar a Sombra da pílula variante. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Pílulas de variantes.
- Opcional: use o controle deslizante para alterar a aparência da Borda da pílula de variante.
- Opcional: use o controle deslizante para alterar a Sombra da pílula variante. Para remover a sombra, defina a opacidade como 0%.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Pílulas de variantes.
- Opcional: use o controle deslizante para alterar a aparência da Borda da pílula de variante.
- Opcional: use o controle deslizante para alterar a Sombra da pílula variante. Para remover a sombra, defina a opacidade como 0%.
- Toque em ✓.
Entradas
As entradas são áreas interativas que exigem a inserção de dados pelo cliente, por exemplo, um formulário de assinante de e-mail ou observações do carrinho. É possível ajustar a aparência das entradas da loja virtual.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Entradas.
- Opcional: use o controle deslizante para alterar a aparência da Borda da entrada.
- Opcional: use o controle deslizante para alterar a Sombra da entrada. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Entradas.
- Opcional: use o controle deslizante para alterar a aparência da Borda da entrada.
- Opcional: use o controle deslizante para alterar a Sombra da entrada. Para remover a sombra, defina a opacidade como 0%.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Entradas.
- Opcional: use o controle deslizante para alterar a aparência da Borda da entrada.
- Opcional: use o controle deslizante para alterar a Sombra da entrada. Para remover a sombra, defina a opacidade como 0%.
- Toque em ✓.
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 cartão exibido nas seções da página. É 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.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Cartões de produto, cartões de coleção ou cartões de blog.
- Para escolher um estilo de cartão, use a opção Estilo.
- Opcional: para adicionar espaço ao redor das imagens do cartão, use o controle deslizante Preenchimento de imagem.
- Opcional: escolha entre esquerda, centro (padrão) ou direita para o alinhamento de texto dos cartões.
- Opcional: na seção Esquema de cores, clique em Alterar para selecionar um esquema de cores para seus cartões.
- Opcional: use o controle deslizante para alterar a aparência da Borda do cartão.
- Opcional: use o controle deslizante para alterar a Sombra do cartão. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Cartões de produto, Cartões de coleção ou Cartões de blog.
- Para escolher um estilo de cartão, use a opção Estilo.
- Opcional: para adicionar espaço ao redor das imagens do cartão, use o controle deslizante Preenchimento de imagem.
- Opcional: escolha entre esquerda, centro (padrão) ou direita para o alinhamento de texto dos cartões.
- Opcional: na seção Esquema de cores, toque em Alterar. Selecione um esquema de cores para os cartões e toque em Pronto.
- Opcional: use o controle deslizante para alterar a aparência da Borda do cartão.
- Opcional: use o controle deslizante para alterar a Sombra do cartão. Para remover a sombra, defina a opacidade como 0%.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Cartões de produto, Cartões de coleção ou Cartões de blog.
- Para escolher um estilo de cartão, use a opção Estilo.
- Opcional: para adicionar espaço ao redor das imagens do cartão, use o controle deslizante Preenchimento de imagem.
- Opcional: escolha entre esquerda, centro (padrão) ou direita para o alinhamento de texto dos cartões.
- Opcional: na seção Esquema de cores, toque em Alterar. Selecione um esquema de cores para os cartões e toque em Pronto.
- Opcional: use o controle deslizante para alterar a aparência da Borda do cartão.
- Opcional: use o controle deslizante para alterar a Sombra do cartão. Para remover a sombra, defina a opacidade como 0%.
- Toque em ✓.
Contêineres de conteúdo
Os contêineres são usados no elemento 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 das seções com várias colunas. É importante destacar que a aparência dos contêineres de conteúdo na loja virtual pode ser personalizada.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Contêineres de conteúdo.
- Use o controle deslizante para alterar a aparência da Borda do contêiner de conteúdo.
- Use o controle deslizante para alterar a Sombra do contêiner de conteúdo. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Contêineres de conteúdo.
- Use o controle deslizante para alterar a aparência da Borda do contêiner de conteúdo.
- Use o controle deslizante para alterar a Sombra do contêiner de conteúdo. Para remover a sombra, defina a opacidade como 0%.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Contêineres de conteúdo.
- Use o controle deslizante para alterar a aparência da Borda do contêiner de conteúdo.
- Use o controle deslizante para alterar a Sombra do contêiner de conteúdo. Para remover a sombra, defina a opacidade como 0%.
- Toque em ✓.
Mídia
A mídia é o componente visual das seções, por exemplo, a mídia do produto ou a imagem na seção de imagem com texto. Para personalizar a mídia, é possível adicionar bordas e sombras.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Mídia.
- Use o controle deslizante para alterar a aparência da Borda da mídia.
- Use o controle deslizante para alterar a Sombra da mídia. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Mídia.
- Use o controle deslizante para alterar a aparência da Borda da mídia.
- Use o controle deslizante para alterar a Sombra da mídia. Para remover a sombra, defina a opacidade como 0%.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Mídia.
- Use o controle deslizante para alterar a aparência da Borda da mídia.
- Use o controle deslizante para alterar a Sombra da mídia. Para remover a sombra, defina a opacidade como 0%.
- Toque em ✓.
Menus suspensos e pop-ups
Você pode ajustar a aparência de menus suspensos de navegação, janelas modais de pop-up e pop-ups do carrinho na loja virtual.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Menus suspensos e pop-ups.
- Use o controle deslizante para alterar a aparência da Borda.
- Use o controle deslizante para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Menus suspensos e pop-ups.
- Use o controle deslizante para alterar a aparência da Borda.
- Use o controle deslizante para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Menus suspensos e pop-ups.
- Use o controle deslizante para alterar a aparência da Borda.
- Use o controle deslizante para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
- Toque em ✓.
Menus deslizantes
Os menus deslizantes são contêineres interativos ocultos exibidos quando alguém toca ou clica neles, por exemplo, um menu de navegação recolhível ou opções de filtro de coleção. Você pode personalizar a borda e a sombra dos menus deslizantes da sua loja virtual.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Menus deslizantes.
- Use o controle deslizante para alterar a aparência da Borda do menu deslizante.
- Use o controle deslizante para alterar a Sombra do menu deslizante. Para remover a sombra, defina a opacidade como 0%.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Menus deslizantes.
- Use o controle deslizante para alterar a aparência da Borda do menu deslizante.
- Use o controle deslizante para alterar a Sombra do menu deslizante. Para remover a sombra, defina a opacidade como 0%.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Menus deslizantes.
- Use o controle deslizante para alterar a aparência da Borda do menu deslizante.
- Use o controle deslizante para alterar a Sombra do menu deslizante. Para remover a sombra, defina a opacidade como 0%.
- Toque em ✓.
Selos
Os selos Promoção e Esgotado são adicionados automaticamente às imagens do produto quando você reduz o preço ou quando a contagem de estoque chega a 0. Você pode ajustar a posição, a forma e a cor dos selos Promoção e Esgotado.
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 dos selos Página e Blog.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Selos.
- Para selecionar a posição do selo, clique no menu suspenso Posição em cartões e, depois, em Canto inferior esquerdo, Canto inferior direito, Canto superior esquerdo ou Canto superior direito.
- Opcional: para adicionar cantos arredondados aos selos, use 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.
- Opcional: para selecionar um esquema de cores, clique em Alterar para o Esquema de cores do selo de promoção ou o Esquema de cores do selo de esgotado, depois clique no esquema de cores desejado.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Selos.
- Para selecionar a posição do selo, toque no menu suspenso Posição em cartões e, depois, toque em Canto inferior esquerdo, Canto inferior direito, Canto superior esquerdo e Canto superior direito.
- Opcional: para adicionar cantos arredondados aos selos, use 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.
- Opcional: para selecionar um esquema de cores, toque em Alterar para o Esquema de cores do selo de promoção ou o Esquema de cores do selo de esgotado. Selecione um esquema de cores para seus selos e toque em Pronto.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Selos.
- Para selecionar a posição do selo, toque no menu suspenso Posição em cartões e, depois, toque em Canto inferior esquerdo, Canto inferior direito, Canto superior esquerdo e Canto superior direito.
- Opcional: para adicionar cantos arredondados aos selos, use 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.
- Opcional: para selecionar um esquema de cores, toque em Alterar para o Esquema de cores do selo de promoção ou o Esquema de cores do selo de esgotado. Selecione um esquema de cores para seus selos e toque em Pronto.
- Toque em ✓.
Informações da marca
É possível incluir informações sobre a marca na loja virtual. Após concluir as etapas a seguir, adicione o bloco Informações da marca ao rodapé da loja virtual.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Informações da marca.
- Opcional: insira um título sobre sua marca ou empresa.
- Opcional: insira uma descrição sobre sua marca ou empresa.
- Opcional: na área Imagem, adicione sua imagem ou use uma imagem gratuita:
- Para adicionar sua imagem, clique em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, selecione-a e, depois, clique em Pronto.
- Para usar uma imagem do computador local, clique em Adicionar imagens. Selecione e adicione uma imagem, depois clique em Pronto.
- Para adicionar sua imagem, clique em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem gratuita, clique em Acessar imagens gratuitas. Encontre uma imagem, clique para selecioná-la e, depois, clique em Selecionar.
- Opcional: na área Largura da imagem, toque no controle deslizante para escolher a largura do pixel.
- Clique em Salvar.
iPhone
- 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 ⋮ e, depois, em Configurações do tema.
- Toque em Informações da marca.
- Opcional: insira um título sobre sua marca ou empresa.
- Opcional: insira uma descrição sobre sua marca ou empresa.
- Opcional: na área Imagem, adicione sua imagem ou use uma imagem gratuita:
- Para adicionar sua imagem, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, selecione-a e toque em Pronto.
- Para usar uma imagem do dispositivo local, toque em Adicionar imagens. Selecione e adicione uma imagem do dispositivo local, toque na imagem para selecioná-la e, depois, toque em Pronto.
- Para adicionar sua imagem, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem gratuita, toque em Acessar imagens gratuitas. Encontre uma imagem, toque para selecioná-la e, depois, toque em Pronto.
- Opcional: na área Largura da imagem, toque no controle deslizante para escolher a largura do pixel.
- Toque em Salvar.
Android
- 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 ... e, depois, em Configurações do tema.
- Toque em Informações da marca.
- Opcional: insira um título sobre sua marca ou empresa.
- Opcional: insira uma descrição sobre sua marca ou empresa.
- Opcional: na área Imagem, adicione sua imagem ou use uma imagem gratuita:
- Para adicionar sua imagem, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem que já foi enviada por upload ao admin da Shopify, selecione-a e toque em Pronto.
- Para usar uma imagem do dispositivo local, toque em Adicionar imagens. Selecione e adicione uma imagem do dispositivo local, toque na imagem para selecioná-la e, depois, toque em Pronto.
- Para adicionar sua imagem, toque em Selecionar imagem e, depois, adicione uma imagem nova ou existente:
- Para usar uma imagem gratuita, toque em Acessar imagens gratuitas. Encontre uma imagem, toque para selecioná-la e, depois, toque em Pronto.
- Opcional: na área Largura da imagem, toque no controle deslizante para escolher a largura do pixel.
- Toque em ✓.
Redes sociais
Você pode adicionar links para suas contas de redes sociais exibidos no rodapé da sua loja virtual.
Etapas:
Desktop
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar e clique em Personalizar.
- Clique no ícone de engrenagem Configurações do tema.
- Clique em Redes sociais.
- Para adicionar links para suas contas de redes sociais, insira os endereços do site de suas contas nos campos de redes sociais relevantes. Lembre-se de inserir os links completos, como https://instagram.com/shopify ou https://tiktok.com/@shopify.
- Clique em Salvar.
iPhone
- No app da Shopify, toque no botão