Fazer login
Começar avaliação gratuita

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

É 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

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Encontre o tema que você quer editar e clique em Personalizar.

  3. Clique no ícone de engrenagem Configurações do tema.

  4. Clique em Logo.

  5. 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 usar uma imagem gratuita, clique em Acessar imagens gratuitas. Encontre uma imagem, clique para selecioná-la e, depois, clique em Selecionar.

  6. Opcional: adicionar texto alternativo à sua imagem do logo:

    1. Na área Logo, clique em Editar.
    2. No campo Texto alternativo, insira uma breve descrição da imagem.
    3. Clique em Salvar.

  7. Opcional: na área Largura do logo no desktop, use o controle deslizante para ajustar a largura do pixel do logo.

  8. Clique em Salvar.

iPhone

  1. No app da Shopify, toque no botão ….

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ⋮ e, depois, em Configurações do tema.

  6. Toque em Logo.

  7. 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 usar uma imagem gratuita, toque em Acessar imagens gratuitas. Encontre uma imagem, toque para selecioná-la e, depois, toque em Pronto.

  8. Opcional: adicionar texto alternativo à sua imagem do logo:

    1. Na área Logo, toque em Editar.
    2. No campo Texto alternativo, insira uma breve descrição da imagem.
    3. Toque em Salvar.

  9. Opcional: na área Largura do logo no desktop, use o controle deslizante para ajustar a largura do pixel do logo.

  10. Toque em Salvar.

Android

  1. No app da Shopify, toque no botão ☰.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ... e, depois, em Configurações do tema.

  6. Toque em Logo.

  7. 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 usar uma imagem gratuita, toque em Acessar imagens gratuitas. Encontre uma imagem, toque para selecioná-la e, depois, toque em Pronto.

  8. Opcional: adicionar texto alternativo à sua imagem do logo:

    1. Na área Logo, toque em Editar.
    2. No campo Texto alternativo, insira uma breve descrição da imagem.
    3. Toque em Salvar.

  9. Opcional: na área Largura do logo no desktop, use o controle deslizante para ajustar a largura do pixel do logo.

  10. 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

Saiba mais sobre favicons.

Etapas:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Encontre o tema ao qual você quer adicionar um favicon e clique em Personalizar.

  3. Clique no ícone de engrenagem Configurações do tema.

  4. Conforme a versão do tema, clique em Logo ou em Favicon.

  5. 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.

  6. Clique em Done ("Pronto").

  7. Opcional: adicionar texto alternativo à sua imagem de favicon:

    1. Na seção Imagem de favicon, clique em Editar.
    2. No campo Texto alternativo, insira uma breve descrição da imagem.
    3. Clique em Salvar.

  8. Clique em Salvar.

iPhone

  1. No app da Shopify, toque no botão ….

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema ao qual você quer adicionar um favicon e toque em Personalizar.

  5. Toque em ⋮ e, depois, em Configurações do tema.

  6. Conforme a versão do tema, toque em Logo ou em Favicon.

  7. 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.

  8. Toque em Pronto.

  9. Adicionar texto alternativo à sua imagem de favicon:

    1. Na seção Imagem de favicon, toque em Editar.
    2. No campo Texto alternativo, insira uma breve descrição da imagem.
    3. Toque em Salvar.

  10. Toque em Salvar.

Android

  1. No app da Shopify, toque no botão ☰.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema ao qual você quer adicionar um favicon e toque em Personalizar.

  5. Toque em ... e, depois, em Configurações do tema.

  6. Conforme a versão do tema, toque em Logo ou em Favicon.

  7. 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.

  8. Toque em Pronto.

  9. Adicionar texto alternativo à sua imagem de favicon:

    1. Na seção Imagem de favicon, toque em Editar.
    2. No campo Texto alternativo, insira uma breve descrição da imagem.
    3. Toque em Salvar.

  10. 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

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Encontre o tema que você quer editar e clique em Personalizar.

  3. Clique no ícone de engrenagem Configurações do tema

  4. Clique em Cores.

  5. Na seção Esquemas, clique em um item existente ou em Adicionar esquema para incluir um novo esquema de cores.

  6. 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

  7. 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.

  8. Clique em Salvar.

iPhone

  1. No app da Shopify, toque no botão menu horizontal.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ⋮ e, depois, em Configurações do tema.

  6. Toque em Cores.

  7. Na seção Esquemas, toque em um item existente ou em Adicionar esquema para incluir um novo esquema de cores.

  8. 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

  9. 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.

  10. Toque em Pronto.

  11. Toque em Salvar.

Android

  1. No app da Shopify, toque no botão Menu.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ... e, depois, em Configurações do tema.

  6. Toque em Cores.

  7. Na seção Esquemas, toque em um item existente ou em Adicionar esquema para incluir um novo esquema de cores.

  8. 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

  9. 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.

  10. Toque em Pronto.

  11. 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
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Tipografia.
  5. 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.
  6. Clique no nome da fonte que você quer usar e, depois, em Selecionar.
  7. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Tipografia.
  7. 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.
  8. Toque no nome da fonte que você quer usar e, depois, em Pronto.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Tipografia.
  7. 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.
  8. Toque no nome da fonte que você quer usar e, depois, em Pronto.
  9. 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
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Tipografia.
  5. Para alterar o tamanho-padrão da fonte Cabeçalho do texto, use o controle deslizante Escala de tamanho da fonte.
  6. Para alterar o tamanho-padrão da fonte do Corpo do texto, use o controle deslizante Escala de tamanho da fonte.
  7. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Tipografia.
  7. Para alterar o tamanho-padrão da fonte Cabeçalho do texto, use o controle deslizante Escala de tamanho da fonte.
  8. Para alterar o tamanho-padrão da fonte do Corpo do texto, use o controle deslizante Escala de tamanho da fonte.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Tipografia.
  7. Para alterar o tamanho-padrão da fonte Cabeçalho do texto, use o controle deslizante Escala de tamanho da fonte.
  8. Para alterar o tamanho-padrão da fonte do Corpo do texto, use o controle deslizante Escala de tamanho da fonte.
  9. 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
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Layout.
  5. 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.
  6. 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.
  7. 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.
  8. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Layout.
  7. 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.
  8. 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.
  9. 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.
  10. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Layout.
  7. 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.
  8. 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.
  9. 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.
  10. 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

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Encontre o tema que você quer editar e clique em Personalizar.

  3. Clique no ícone de engrenagem Configurações do tema.

  4. Clique em Animações.

  5. Opcional: para ativar uma animação que revela as seções da loja virtual durante a rolagem, selecione Revelar seções durante a rolagem.

  6. 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.
    • Efeito 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.

  7. Clique em Salvar.

iPhone

  1. No app da Shopify, toque no botão menu horizontal.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ⋮ e, depois, em Configurações do tema.

  6. Toque em Animações.

  7. Opcional: para ativar uma animação que revela as seções da loja virtual durante a rolagem, selecione Revelar seções durante a rolagem.

  8. 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.
    • Efeito 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.

  9. Toque em Salvar.

Android

  1. No app da Shopify, toque no botão Menu.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ... e, depois, em Configurações do tema.

  6. Toque em Animações.

  7. Opcional: para ativar uma animação que revela as seções da loja virtual durante a rolagem, selecione Revelar seções durante a rolagem.

  8. 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.
    • Efeito 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.

  9. 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.

Exemplo de loja virtual com botão de call-to-action

Etapas:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Botões.
  5. Opcional: use o controle deslizante para alterar a aparência da Borda do botão.
  6. Opcional: use o controle deslizante para alterar a Sombra do botão. Para remover a sombra, defina a opacidade como 0%.
  7. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Botões.
  7. Opcional: use o controle deslizante para alterar a aparência da Borda do botão.
  8. Opcional: use o controle deslizante para alterar a Sombra do botão. Para remover a sombra, defina a opacidade como 0%.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Botões.
  7. Opcional: use o controle deslizante para alterar a aparência da Borda do botão.
  8. Opcional: use o controle deslizante para alterar a Sombra do botão. Para remover a sombra, defina a opacidade como 0%.
  9. 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.

Exemplo de loja virtual com pílulas de variantes selecionáveis

Etapas:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Pílulas de variantes.
  5. Opcional: use o controle deslizante para alterar a aparência da Borda da pílula de variante.
  6. Opcional: use o controle deslizante para alterar a Sombra da pílula variante. Para remover a sombra, defina a opacidade como 0%.
  7. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Pílulas de variantes.
  7. Opcional: use o controle deslizante para alterar a aparência da Borda da pílula de variante.
  8. Opcional: use o controle deslizante para alterar a Sombra da pílula variante. Para remover a sombra, defina a opacidade como 0%.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Pílulas de variantes.
  7. Opcional: use o controle deslizante para alterar a aparência da Borda da pílula de variante.
  8. Opcional: use o controle deslizante para alterar a Sombra da pílula variante. Para remover a sombra, defina a opacidade como 0%.
  9. 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.

Exemplo de loja virtual com entrada de quantidades

Etapas:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Entradas.
  5. Opcional: use o controle deslizante para alterar a aparência da Borda da entrada.
  6. Opcional: use o controle deslizante para alterar a Sombra da entrada. Para remover a sombra, defina a opacidade como 0%.
  7. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Entradas.
  7. Opcional: use o controle deslizante para alterar a aparência da Borda da entrada.
  8. Opcional: use o controle deslizante para alterar a Sombra da entrada. Para remover a sombra, defina a opacidade como 0%.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Entradas.
  7. Opcional: use o controle deslizante para alterar a aparência da Borda da entrada.
  8. Opcional: use o controle deslizante para alterar a Sombra da entrada. Para remover a sombra, defina a opacidade como 0%.
  9. 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
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Cartões de produto, cartões de coleção ou cartões de blog.
  5. Para escolher um estilo de cartão, use a opção Estilo.
  6. Opcional: para adicionar espaço ao redor das imagens do cartão, use o controle deslizante Preenchimento de imagem.
  7. Opcional: escolha entre esquerda, centro (padrão) ou direita para o alinhamento de texto dos cartões.
  8. Opcional: na seção Esquema de cores, clique em Alterar para selecionar um esquema de cores para seus cartões.
  9. Opcional: use o controle deslizante para alterar a aparência da Borda do cartão.
  10. Opcional: use o controle deslizante para alterar a Sombra do cartão. Para remover a sombra, defina a opacidade como 0%.
  11. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Cartões de produto, Cartões de coleção ou Cartões de blog.
  7. Para escolher um estilo de cartão, use a opção Estilo.
  8. Opcional: para adicionar espaço ao redor das imagens do cartão, use o controle deslizante Preenchimento de imagem.
  9. Opcional: escolha entre esquerda, centro (padrão) ou direita para o alinhamento de texto dos cartões.
  10. Opcional: na seção Esquema de cores, toque em Alterar. Selecione um esquema de cores para os cartões e toque em Pronto.
  11. Opcional: use o controle deslizante para alterar a aparência da Borda do cartão.
  12. Opcional: use o controle deslizante para alterar a Sombra do cartão. Para remover a sombra, defina a opacidade como 0%.
  13. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Cartões de produto, Cartões de coleção ou Cartões de blog.
  7. Para escolher um estilo de cartão, use a opção Estilo.
  8. Opcional: para adicionar espaço ao redor das imagens do cartão, use o controle deslizante Preenchimento de imagem.
  9. Opcional: escolha entre esquerda, centro (padrão) ou direita para o alinhamento de texto dos cartões.
  10. Opcional: na seção Esquema de cores, toque em Alterar. Selecione um esquema de cores para os cartões e toque em Pronto.
  11. Opcional: use o controle deslizante para alterar a aparência da Borda do cartão.
  12. Opcional: use o controle deslizante para alterar a Sombra do cartão. Para remover a sombra, defina a opacidade como 0%.
  13. 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
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Contêineres de conteúdo.
  5. Use o controle deslizante para alterar a aparência da Borda do contêiner de conteúdo.
  6. Use o controle deslizante para alterar a Sombra do contêiner de conteúdo. Para remover a sombra, defina a opacidade como 0%.
  7. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Contêineres de conteúdo.
  7. Use o controle deslizante para alterar a aparência da Borda do contêiner de conteúdo.
  8. Use o controle deslizante para alterar a Sombra do contêiner de conteúdo. Para remover a sombra, defina a opacidade como 0%.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Contêineres de conteúdo.
  7. Use o controle deslizante para alterar a aparência da Borda do contêiner de conteúdo.
  8. Use o controle deslizante para alterar a Sombra do contêiner de conteúdo. Para remover a sombra, defina a opacidade como 0%.
  9. 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
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Mídia.
  5. Use o controle deslizante para alterar a aparência da Borda da mídia.
  6. Use o controle deslizante para alterar a Sombra da mídia. Para remover a sombra, defina a opacidade como 0%.
  7. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Mídia.
  7. Use o controle deslizante para alterar a aparência da Borda da mídia.
  8. Use o controle deslizante para alterar a Sombra da mídia. Para remover a sombra, defina a opacidade como 0%.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Mídia.
  7. Use o controle deslizante para alterar a aparência da Borda da mídia.
  8. Use o controle deslizante para alterar a Sombra da mídia. Para remover a sombra, defina a opacidade como 0%.
  9. Toque em ✓.

É possível ajustar a aparência de menus suspensos, janelas modais de pop-up e pop-ups do carrinho na loja virtual.

Etapas:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Menus suspensos e pop-ups.
  5. Use o controle deslizante para alterar a aparência da Borda.
  6. Use o controle deslizante para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
  7. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Menus suspensos e pop-ups.
  7. Use o controle deslizante para alterar a aparência da Borda.
  8. Use o controle deslizante para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Menus suspensos e pop-ups.
  7. Use o controle deslizante para alterar a aparência da Borda.
  8. Use o controle deslizante para alterar a Sombra. Para remover a sombra, defina a opacidade como 0%.
  9. Toque em ✓.

Os menus deslizantes são contêineres interativos ocultos exibidos quando alguém toca ou clica neles, por exemplo, menus recolhíveis ou opções de filtro de coleção. É possível personalizar a borda e a sombra dos menus deslizantes da loja virtual.

Etapas:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Menus deslizantes.
  5. Use o controle deslizante para alterar a aparência da Borda do menu deslizante.
  6. Use o controle deslizante para alterar a Sombra do menu deslizante. Para remover a sombra, defina a opacidade como 0%.
  7. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Menus deslizantes.
  7. Use o controle deslizante para alterar a aparência da Borda do menu deslizante.
  8. Use o controle deslizante para alterar a Sombra do menu deslizante. Para remover a sombra, defina a opacidade como 0%.
  9. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Menus deslizantes.
  7. Use o controle deslizante para alterar a aparência da Borda do menu deslizante.
  8. Use o controle deslizante para alterar a Sombra do menu deslizante. Para remover a sombra, defina a opacidade como 0%.
  9. 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 individualmente nas configurações do tema.

Exemplo de loja virtual com 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 dos selos Página e Blog.

Etapas:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Selos.
  5. 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.
  6. 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.
  7. 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.
  8. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Selos.
  7. 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.
  8. 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.
  9. 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.
  10. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Selos.
  7. 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.
  8. 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.
  9. 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.
  10. 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

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Encontre o tema que você quer editar e clique em Personalizar.

  3. Clique no ícone de engrenagem Configurações do tema.

  4. Clique em Informações da marca.

  5. Opcional: insira um título sobre sua marca ou empresa.

  6. Opcional: insira uma descrição sobre sua marca ou empresa.

  7. 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 usar uma imagem gratuita, clique em Acessar imagens gratuitas. Encontre uma imagem, clique para selecioná-la e, depois, clique em Selecionar.

  8. Opcional: na área Largura da imagem, toque no controle deslizante para escolher a largura do pixel.

  9. Clique em Salvar.

iPhone

  1. No app da Shopify, toque no botão ….

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ⋮ e, depois, em Configurações do tema.

  6. Toque em Informações da marca.

  7. Opcional: insira um título sobre sua marca ou empresa.

  8. Opcional: insira uma descrição sobre sua marca ou empresa.

  9. 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 usar uma imagem gratuita, toque em Acessar imagens gratuitas. Encontre uma imagem, toque para selecioná-la e, depois, toque em Pronto.

  10. Opcional: na área Largura da imagem, toque no controle deslizante para escolher a largura do pixel.

  11. Toque em Salvar.

Android

  1. No app da Shopify, toque no botão ☰.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ... e, depois, em Configurações do tema.

  6. Toque em Informações da marca.

  7. Opcional: insira um título sobre sua marca ou empresa.

  8. Opcional: insira uma descrição sobre sua marca ou empresa.

  9. 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 usar uma imagem gratuita, toque em Acessar imagens gratuitas. Encontre uma imagem, toque para selecioná-la e, depois, toque em Pronto.

  10. Opcional: na área Largura da imagem, toque no controle deslizante para escolher a largura do pixel.

  11. Toque em ✓.

Redes sociais

Você pode adicionar links para suas contas de redes sociais exibidos no rodapé da sua loja virtual.

Etapas:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Redes sociais.
  5. 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.
  6. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Redes sociais.
  7. 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.
  8. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Redes sociais.
  7. 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.
  8. Toque em ✓.

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.

Para saber mais sobre como as sugestões pesquisa funcionam, consulte Pesquisa preditiva.

É possível personalizar a exibição das sugestões de pesquisa aos clientes.

Etapas:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Comportamento de pesquisa.
  5. Para habilitar ou desabilitar as sugestões de pesquisa, selecione ou desmarque Habilitar as sugestões de pesquisa.
  6. Opcional: para exibir ou ocultar o fabricante do produto nas sugestões de pesquisa, selecione ou desmarque a opção Exibir fabricante do produto.
  7. Opcional: para exibir ou ocultar o preço do produto nas sugestões de pesquisa, selecione ou desmarque Exibir preço do produto.
  8. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Comportamento de pesquisa.
  7. Para habilitar ou desabilitar as sugestões de pesquisa, selecione ou desmarque Habilitar as sugestões de pesquisa.
  8. Opcional: para exibir ou ocultar o fabricante do produto nas sugestões de pesquisa, selecione ou desmarque a opção Exibir fabricante do produto.
  9. Opcional: para exibir ou ocultar o preço do produto nas sugestões de pesquisa, selecione ou desmarque Exibir preço do produto.
  10. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Comportamento de pesquisa.
  7. Para habilitar ou desabilitar as sugestões de pesquisa, selecione ou desmarque Habilitar as sugestões de pesquisa.
  8. Opcional: para exibir ou ocultar o fabricante do produto nas sugestões de pesquisa, selecione ou desmarque a opção Exibir fabricante do produto.
  9. Opcional: para exibir ou ocultar o preço do produto nas sugestões de pesquisa, selecione ou desmarque Exibir preço do produto.
  10. Toque em ✓.

Formato de moeda

Você pode exibir o código da moeda com os preços dos produtos.

Etapas:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Formato de moeda.
  5. Para exibir códigos de moeda, selecione Mostrar códigos de moeda.
  6. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Formato de moeda.
  7. Para exibir códigos de moeda, selecione Mostrar códigos de moeda.
  8. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Formato de moeda.
  7. Para exibir códigos de moeda, selecione Mostrar códigos de moeda.
  8. Toque em ✓.

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:

Desktop

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Encontre o tema que você quer editar e clique em Personalizar.

  3. Clique no ícone de engrenagem Configurações do tema.

  4. Clique em carrinho.

  5. Use o menu suspenso Tipo de cartão para selecionar o estilo de carrinho deslizante, página ou notificação pop-up.

  6. Opcional: para mostrar os fabricantes dos itens no carrinho do cliente, selecione Exibir fabricante.

  7. Opcional: ofereça aos clientes uma caixa de texto onde possam inserir solicitações especiais ou adicionar informações extras ao pedido. Para isso, selecione Ativar observação do carrinho.

  8. Opcional: se você selecionar Deslizante como Tipo de carrinho, será possível exibir uma coleção no carrinho de compras deslizante quando ele estiver vazio:

    1. Na área Carrinho de compras deslizante, clique em Selecionar coleção.
    2. Clique no nome da coleção que você deseja exibir e, depois, em Selecionar.

  9. Opcional: se você selecionar Deslizante como Tipo de carrinho, será possível alterar o esquema de cores do seu carrinho de compras deslizante seguindo estas etapas:

    1. Na área Carrinho de compras deslizante > Esquema de cores, clique em Alterar.
    2. Selecione um esquema de cores que você deseja usar no carrinho de compras deslizante.

  10. Clique em Salvar.

iPhone

  1. No app da Shopify, toque no botão ….

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ⋮ e, depois, em Configurações do tema.

  6. Toque em Carrinho.

  7. Selecione o Tipo de carrinho nas opções Deslizante, Página ou Notificação pop-up.

  8. Opcional: para mostrar os fabricantes dos itens no carrinho do cliente, selecione Exibir fabricante.

  9. Opcional: ofereça aos clientes uma caixa de texto onde possam inserir solicitações especiais ou adicionar informações extras ao pedido. Para isso, selecione Ativar observação do carrinho.

  10. Opcional: se você selecionar Deslizante como Tipo de carrinho, será possível exibir uma coleção no carrinho de compras deslizante quando ele estiver vazio:

    1. Na área Carrinho de compras deslizante, toque em Selecionar coleção.
    2. Toque no nome da coleção que você quer exibir e, depois, em Pronto.

  11. Opcional: se você selecionar Deslizante como Tipo de carrinho, será possível alterar o esquema de cores do seu carrinho de compras deslizante seguindo estas etapas:

    1. Na área Carrinho de compras deslizante > Esquema de cores, toque em Alterar.
    2. Selecione um esquema de cores que você deseja usar no carrinho de compras deslizante e toque em Pronto.

  12. Toque em Salvar.

Android

  1. No app da Shopify, toque no botão ☰.

  2. Na seção canais de vendas, toque em loja virtual.

  3. Toque em Gerenciar todos os temas.

  4. Encontre o tema que você quer editar e toque em Personalizar.

  5. Toque em ... e, depois, em Configurações do tema.

  6. Toque em Carrinho.

  7. Selecione o Tipo de carrinho nas opções Deslizante, Página ou Notificação pop-up.

  8. Opcional: para mostrar os fabricantes dos itens no carrinho do cliente, selecione Exibir fabricante.

  9. Opcional: ofereça aos clientes uma caixa de texto onde possam inserir solicitações especiais ou adicionar informações extras ao pedido. Para isso, selecione Ativar observação do carrinho.

  10. Opcional: se você selecionar Deslizante como Tipo de carrinho, será possível exibir uma coleção no carrinho de compras deslizante quando ele estiver vazio:

    1. Na área Carrinho de compras deslizante, toque em Selecionar coleção.
    2. Toque no nome da coleção que você quer exibir e, depois, em Pronto.

  11. Opcional: se você selecionar Deslizante como Tipo de carrinho, será possível alterar o esquema de cores do seu carrinho de compras deslizante seguindo estas etapas:

    1. Na área Carrinho de compras deslizante > Esquema de cores, toque em Alterar.
    2. Selecione um esquema de cores que você deseja usar no carrinho de compras deslizante e toque em Pronto.

  12. Toque em ✓.

CSS personalizado

A seção CSS personalizado permite inserir seu próprio código CSS, por exemplo, para personalizar a aparência dos botões da loja virtual, indo além das configurações padrão disponíveis, ou aplicar um estilo exclusivo a elementos de texto específicos.

O CSS personalizado nas configurações do tema afeta todas as páginas da sua loja virtual, exceto o checkout.

Saiba mais sobre como adicionar CSS personalizado ao seu tema.

Estilo do 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. As outras opções de estilo de tema disponíveis variam conforme o tema usado.

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:

Desktop
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Clique no ícone de engrenagem Configurações do tema.
  4. Clique em Estilo de tema.
  5. Selecione o estilo de tema que você deseja usar e clique em Alterar estilo.
  6. Clique em Salvar.
iPhone
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ⋮ e, depois, em Configurações do tema.
  6. Toque em Estilo de tema.
  7. Selecione o estilo de tema que você deseja usar e toque em Pronto.
  8. Toque em Salvar.
Android
  1. No app da Shopify, toque no botão ☰.
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em ... e, depois, em Configurações do tema.
  6. Toque em Estilo de tema.
  7. Selecione o estilo de tema que você deseja usar e toque em Pronto.
  8. Toque em ✓.

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. Se você clicar no botão Desfazer mais de uma vez, o trabalho continuará sendo desfeito, uma alteração de cada vez. Os botões Desfazer e Refazer estão localizados na barra de ferramentas do editor de temas.

Os botões Desfazer e Refazer na barra de ferramentas do editor de temas

Clique no botão Desfazer para reverter as alterações feitas em seu tema, incluindo estes exemplos:

  • adicionar, reordenar e excluir seções
  • Aplicar cores, fontes e outras configurações de tema
  • Redefinir um estilo de tema

Opções de cores com amostras

A taxonomia de produtos atualizada da Shopify inclui um atributo de cor padrão que permite adicionar amostras de cor à sua vitrine. Para acessar esse atributo-padrão, selecione uma categoria de produto que inclua um metacampo de categoria de cor. Os metacampos de categoria a seguir aceitam amostras de cor:

  • Backing color
  • Backrest upholstery color
  • Band color
  • Blanket color
  • Body color
  • Butt cap color
  • Color
  • Canopy color
  • Case color
  • Core color
  • Cover color
  • Dial color
  • Door color
  • Door mat base color
  • Eyewear frame color
  • Eyewear lens color
  • Fingerboard color
  • Flower color
  • Flush plate color
  • Footwear color
  • Foundation color
  • Frame color
  • Furniture/Fixture color
  • Handle color
  • Housing color
  • Ink color
  • Instrument color
  • Instrument string color
  • Jumping surface color
  • Laser color
  • Leg color
  • Lens color
  • Light color
  • Neck color
  • Pen color
  • Pole color
  • Riser color
  • Rod color
  • Saddle base color
  • Saddle seat color
  • Seat color
  • Seat upholstery color
  • Shaft color
  • Sheet color
  • Shelf color
  • Shell/Frame color
  • Slat color
  • Spool color
  • String color
  • Suction cup color
  • Tabletop color
  • Tank color
  • Temple color
  • Top color
  • Upholstery color

Saiba mais sobre como adicionar amostras de cor usando metacampos de categoria e como migrar produtos existentes para usar metacampos de categoria.

Não encontrou as respostas que está procurando? Estamos sempre à disposição para ajudar você.