Seções do Narrative

O conteúdo do tema é criado com o uso de seções, blocos personalizáveis de conteúdo que determinam o layout e a aparência de diferentes páginas da loja virtual. Para adicionar, remover, editar e personalizar as seções, use o editor de temas atualizado.

Os temas da Shopify têm os seguintes tipos de seções:

  • Seções estáticas: seções que aparecem em locais predeterminados da loja virtual e não podem ser removidas ou reorganizadas. Elas podem incluir cabeçalhos, rodapés e seções de navegação ou de conteúdo em páginas como as de produto e de coleção. A seção Produto, por exemplo, determina a aparência de cada página de produto na loja virtual.
  • Seções dinâmicas: seções opcionais usadas para personalizar o layout da página inicial. Adicione até 25 seções dinâmicas diferentes, que podem ser reorganizadas e removidas na página inicial.

Você pode saber mais sobre a seleção exclusiva de seções de Narrative e aprender a personalizá-las para se adequarem à sua empresa.

Seções estáticas

O Narrative inclui as seguintes seções estáticas:

  • Cabeçalho
  • Apresentação de slides
  • Rodapé
  • Páginas de produtos
  • Recomendações de produtos
  • Coleção
  • Página da lista de coleções
  • Blog
  • posts
  • Página do carrinho

Seções dinâmicas

O Narrative inclui as seguintes seções dinâmicas:

  • Posts do blog
  • Lista de coleções
  • Coleção em destaque
  • Galeria
  • Destaque
  • Imagem com texto
  • Imagem com sobreposição de texto
  • Produto em destaque
  • Newsletter
  • Mapa
  • Rich text
  • Depoimentos
  • Vídeo
  • Conteúdo personalizado
  • Controle deslizante para destaques

Cabeçalho

A seção de cabeçalho inclui o conteúdo exibido na parte superior de todas as páginas da loja. No Narrative é possível selecionar dois menus que os clientes acessam clicando em um ícone de navegação (☰).

Também é possível alterar a aparência do cabeçalho da loja tornando-o transparente.

Personalizar o cabeçalho

  1. Clique em Cabeçalho.

  2. Na área Imagem do logo, clique em Selecionar imagem e siga um destes procedimentos: - Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.

  3. Para selecionar uma imagem do banco da Burst, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem.

  4. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.

  5. No campo Altura personalizada do logo (em pixels), insira a altura em pixels do logo.

  6. Na lista Ícone do carrinho de compras, selecione se você deseja exibir o ícone de uma bolsa ou de um carrinho no cabeçalho.

  7. Se você desejar tornar transparente o cabeçalho de sua loja, siga os passos abaixo:

    1. Clique em Habilitar cabeçalho transparente na página inicial.
    2. Selecione a imagem a ser exibida sobre o fundo transparente. Talvez seja preciso selecionar um logo diferente do escolhido anteriormente para ser exibido no cabeçalho. Por exemplo, talvez você precise de um logo branco para usar contra um fundo escuro.
    3. Clique na paleta de cores Ícones para cabeçalho transparente e selecione uma cor para a imagem do logo e para os ícones de navegação e carrinho.
  8. Na lista Navegação primária, selecione o menu primário a ser exibido quando o cliente clica no ícone de navegação.

  9. Na lista Navegação secundária, selecione o menu secundário.

  10. Clique em Salvar.

Adicionar uma barra de comunicados

Para exibir uma mensagem aos clientes, adicione uma barra de comunicados ao cabeçalho. O texto é personalizável e pode incluir informações de contato, eventos, promoções ou o slogan da loja.

  1. Clique em Cabeçalho.
  2. Na área da Barra de avisos, marque Exibir comunicado.
  3. Digite o texto do comunicado.
  4. Opcional: insira um URL para adicionar um link ao comunicado.
  5. Opcional: no menu Ícone, selecione um ícone para exibir na barra de avisos. A cor do ícone é a mesma do texto do comunicado.
  6. Para alterar a cor do plano de fundo da barra de avisos, clique na amostra de cor da barra e escolha uma cor.
  7. Para alterar a cor do texto do comunicado, clique na amostra de cor do texto e escolha uma cor.
  8. Clique em Salvar.

Apresentação de slides

Você pode criar uma apresentação de slides da página inicial que gire até cinco slides de imagem ou vídeo.

É melhor usar imagens de alta resolução em seus slides. Use imagens com 4000 x 2200 px ou maiores, mas não exceda os limites de carregamento da Shopify.

Como o tamanho e a forma da apresentação de slides dependem do tamanho e da forma do dispositivo do cliente, as imagens da apresentação de slides serão cortadas em algumas telas. Tente usar imagens que tenham um ponto focal no meio para que a parte importante de cada imagem esteja sempre visível.

Para aprender mais sobre as práticas recomendadas para imagens de apresentações de slides em Carregar imagens.

A seção de apresentação de slides apresenta as seguintes configurações:

  • Altura do slide: defina a altura da apresentação de slides. Selecione Adaptar à altura da imagem do primeiro slide para basear a altura da apresentação de slides na altura de sua primeira imagem.
  • Botões centralizados: defina a posição dos botões nos slides.
  • Sobreposição: adicione uma camada de cor sobre seus slides. Com uma sobreposição, você pode facilitar a leitura do texto da apresentação de slides.
  • Cor da sobreposição: defina a cor da sua sobreposição.
  • Opacidade: defina a opacidade da sobreposição.
  • Imagem: adicione uma imagem para exibir na apresentação de slides.
  • Alinhamento da imagem: escolha a área mais importante da imagem para focar na apresentação de slides.
  • Link do vídeo: adicione o URL do YouTube do seu vídeo.
  • Imagem de capa: adicione uma imagem de capa ao seu slide de vídeo. Ela é exibida quando o vídeo não está sendo exibido.
  • Cabeçalho: adicione um cabeçalho ao seu slide.
  • Título do slide: adicione um título ao slide. Ele é exibido na parte inferior da apresentação de slides quando você tiver mais de um slide.
  • Etiqueta de botão: adicione um botão com uma etiqueta de texto ao seu slide.
  • Link de botão: defina o URL ou a página que você quer vincular ao botão. Cole o URL ou selecione uma página no menu. Se você não quiser incluir um botão na seção, deixe esse campo em branco.

Adicione uma apresentação de slides à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Apresentação de slides e, depois, em Selecionar.
  3. Use as configurações para personalizar a apresentação de slides.

  4. Clique em Salvar.

Rodapé

Na seção de rodapé, você pode editar o conteúdo exibido na parte inferior de todas as páginas da sua loja. Você pode adicionar os seguintes recursos ao seu rodapé:

  • ícones de redes sociais
  • ícones de pagamento
  • uma assinatura da newsletter
  • um efeito de rolagem de paralaxe
  • até dois menus

Personalizar o rodapé

  1. Clique em Rodapé.
  2. Adicione ícones de redes sociais ao rodapé marcando Exibir ícones de redes sociais. Vincule os ícones às contas de redes sociais nas configurações Redes sociais.
  3. Adicione ícones de pagamento, como Mastercard ou PayPal, ao seu rodapé, marcando Exibir ícones de pagamento. Nessa área são exibidos os ícones associados ao provedor de pagamento habilitado na seção Configurações de pagamento do admin.
  4. Para adicionar uma assinatura de newsletter ao seu rodapé, siga estas etapas:

    1. Marque Exibir assinatura de newsletter.
    2. Insira um título para a assinatura de newsletter no campo Título. O título padrão é "Assine para receber atualizações".
    3. Insira um subtítulo para a assinatura de newsletter no campo Subtítulo. O texto padrão é "Promoções, novos produtos e vendas. Diretamente em sua caixa de entrada."
  5. Para adicionar um menu ao seu rodapé, siga estas etapas:

    1. Em Conteúdo, clique em Adicionar menu.
    2. Para editar o menu padrão, clique em Editar menu. Para mudar para um menu diferente, clique em Alterar e, em seguida, selecione um menu existente ou clique em Criar menu.
  6. Clique em Salvar.

Páginas de produtos

Páginas de produto é a principal seção personalizável para páginas de produtos. Personalize essa seção usando as seguintes opções:

  • Exibir seletor de quantidade - permita que os usuários especifiquem uma quantidade a adicionar ao carrinho.
  • Exibir etiquetas de variantes: mostre etiquetas como "Tamanho" e "Cor" acima dos menus suspensos das variantes. As etiquetas de variantes exibidas são baseadas nos nomes das opções das variantes do produto.
  • Exibir fabricante do produto: mostre a marca ou o fabricante do produto. Adicione um fabricante ao produto para ver essas informações.
  • Exibir o botão de checkout dinâmico: deixe os clientes pularem o carrinho e irem direto para o checkout na seção de produto em destaque.
  • Exibir botões de compartilhamento em redes sociais: mostre botões que possibilitam aos clientes compartilhar produtos nas redes sociais. É possível definir as opções de compartilhamento exibidas usando as configurações do tema.

Mídia

  • Habilitar loop de vídeo: coloque os vídeos de produtos em loop. Se essa opção não for selecionada, um botão de reprodução aparecerá no fim do vídeo.
  • Ocultar mídia variante na galeria: selecione essa opção para evitar que mídias de variantes sejam exibidas na galeria localizada na parte inferior da página. Quando essa opção está habilitada, as únicas mídias exibidas são aquelas que não estão vinculadas a uma variante.

Editar as configurações de páginas de produtos

  1. Selecione Páginas de produtos.
  2. Clique na seção páginas de produtos.
  3. Use as configurações para personalizar a seção de páginas de produto.
  4. Clique em Salvar.

Recomendações de produtos

Você pode Exibir produtos recomendados em páginas de produto para facilitar aos clientes a descoberta de outros produtos que possam interessá-los.

Habilitar recomendações de produtos

  1. Selecione Páginas de produtos.

  2. Clique na seção Recomendações de produto.

  3. Marque a opção Exibir recomendações dinâmicas para mostrar recomendações nas páginas de produtos.

  4. Opcional: para alterar o título que aparece acima dos produtos recomendados, insira outro no campo Título.

    1. Opcional: para mostrar ou ocultar os fabricantes nas descrições do produto, use a caixa de seleção Exibir fabricante.
    2. Opcional: adicione espaçamento entre as imagens do produto selecionando Habilitar espaçamento de imagem.
  5. Clique em Salvar.

Coleção

Coleção é a principal seção personalizável para páginas de coleções.

A seção "Coleção" conta com as seguintes configurações:

  • Habilitar filtragem de tags: adicione um filtro que permita aos clientes ver os produtos de uma coleção que tenham uma tag específica. Para que o filtro seja exibido na página de uma coleção, é preciso adicionar tags aos produtos da coleção.
  • Habilitar organização de coleção: adicione um menu que permita aos clientes organizar uma coleção de maneiras diferentes (por ordem alfabética ou por preço, por exemplo).
  • Estilo de grade: defina o layout de seus produtos na página.
  • Exibir imagem da coleção: mostre a imagem da coleção na parte superior da página de coleção.
  • Habilitar espaçamento de imagem: selecione essa opção para aumentar o espaço entre as imagens.
  • Exibir fabricante de produto: exibe a marca ou o fabricante do produto.

Personalizar suas páginas de coleção

  1. Selecione Páginas de coleções.
  2. Clique na seção Páginas de coleções.
  3. Use as configurações para personalizar a seção de páginas de coleção.
  4. Clique em Salvar.

Página do carrinho

Página do carrinho é a principal seção personalizável do carrinho da loja virtual. Nessa página, é possível habilitar observações do carrinho para que os clientes incluam instruções especiais nos pedidos.

Habilitar observações de pedido

  1. Selecione Carrinho.
  2. Clique na seção Páginas do carrinho.
  3. Selecione Habilitar observações do carrinho.
  4. Clique em Salvar.

Coleção em destaque

Você pode destacar uma coleção na sua página inicial. Destacar coleções pode ajudar você a promover vendas e novas coleções.

A seção Coleção em destaque apresenta as seguintes configurações:

  • Coleção: escolha uma coleção para exibir na seção.
  • Habilitar espaçamento de imagem: selecione essa opção para aumentar o espaço entre as imagens.
  • Título: insira o texto que aparece acima dos produtos na coleção. O texto padrão é Coleção em destaque.
  • Exibir fabricantes do produto: mostre o fabricante de cada produto abaixo do título do produto.
  • Exibir botão "Ver tudo": selecione esta opção para adicionar um botão Ver tudo abaixo da última linha da seção. Os clientes clicam nele para ver a coleção completa.
  • Usar o estilo de botão secundário: mostre um botão transparente com um contorno sólido.
  • Estilo de grade: defina o layout de seus produtos na página.
  • Produtos por linha: defina o número de produtos a serem exibidos em cada linha da seção.
  • Linhas: defina o número de linhas de produtos a serem exibidas na seção.

Adicionar uma coleção em destaque à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Coleções em destaque e, depois, em Selecionar.
  3. Clique em Selecionar coleção e escolha uma na lista Coleção.
  4. Use as configurações para personalizar a seção de coleção em destaque.
  5. Clique em Salvar.

Galeria

A seção "Galeria" apresenta uma série de até três imagens. Selecione um ícone dos 13 ícones personalizados para exibir sobre cada imagem. Outra opção é vincular cada imagem a um URL ou uma página da loja.

A seção de imagem com texto apresenta as seguintes configurações:

Conteúdo

  • Imagem: adicione uma imagem para exibir na seção.
  • Alinhamento da imagem: escolha como você quer alinhar a imagem na seção. Se não quiser exibir um ícone, selecione "Nenhum" na lista Ícone.
  • Ícone: adicione um ícone para exibir na imagem.
  • Legenda: digite o texto a ser exibido na imagem.
  • Link: cole um link em um URL ou clique no campo para selecionar uma página de sua loja.

Configurações

  • Altura da seção: escolha o tamanho dessa seção.
  • Exibir sobreposição: adicione uma camada de cor sobre a imagem. Com uma sobreposição, fica mais fácil ler o texto.
  • Cor da sobreposição: defina a cor da sobreposição.
  • Cor do texto: defina a cor do título e do texto. Se a imagem de fundo for escura, escolha uma cor clara para o texto para facilitar a leitura.
  • Opacidade: defina a opacidade da sobreposição.

Adicionar uma galeria à página inicial

  1. Clique em Adicionar seção.
  2. Clique em Galeria e em Selecionar.
  3. Para adicionar a imagem, na área Imagem, clique em Selecionar imagem e siga uma das etapas abaixo: - Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.
  4. Para selecionar uma imagem do banco da Burst, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem.
  5. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.

  6. Personalize a seção de galeria nas configurações.

  7. Clique em Salvar.

Imagem com texto

O Narrative apresenta a seção Imagem com texto, que permite exibir uma imagem com uma mensagem personalizada para os clientes.

É possível selecionar um alinhamento de imagem que não corte partes importantes quando ela é exibida em dispositivos móveis. Por exemplo, se você quer evitar que a parte inferior da imagem seja cortada porque ela exibe o produto à venda, selecione um alinhamento inferior no centro.

A seção de imagem com texto apresenta as seguintes configurações:

Configurações

  • Altura da seção: escolha o tamanho dessa seção.
  • Cor de fundo: defina a cor de fundo da seção.

Imagem

  • Imagem: adicione uma imagem para exibir na seção.
  • Estilo da imagem: escolha o estilo de corte da imagem. Selecione Nenhum para usar a imagem original.
  • Posição da imagem: escolha o alinhamento da imagem dentro do quadro.

Texto

  • Título: adicione um título à seção.
  • Texto: adicione um texto à seção.
  • Usar o estilo de botão secundário: mostre um botão transparente com um contorno sólido.
  • Etiqueta de botão: adicione um botão com uma etiqueta de texto à seção.
  • Link de botão: defina o URL ou a página que você quer vincular ao botão. Cole o URL ou selecione uma página no menu. Se você não quiser incluir um botão na seção, deixe esse campo em branco.

Alinhamento da imagem

  • Desktop: escolha se a imagem na seção aparecerá à esquerda ou à direita quando exibida em um desktop.
  • Dispositivo móvel: escolha se a imagem na seção aparecerá primeiro ou depois quando exibida em um dispositivo móvel.

Adicione uma seção de imagem com texto à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Imagem com texto e em Selecionar.
  3. Na área Imagem, clique em Selecionar imagem e siga um destes procedimentos: - Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.
  4. Para selecionar uma imagem do banco da Burst, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem.
  5. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.

  6. Use as configurações para personalizar a seção de imagem com texto.

  7. Clique em Salvar.

Imagem com sobreposição de texto

É possível exibir uma mensagem personalizada para os clientes na página inicial usando a seção de imagem com sobreposição de texto. Sua mensagem pode descrever um produto, fazer um comunicado ou dar boas-vindas aos clientes da loja.

A seção de imagem com sobreposição de texto apresenta as seguintes configurações:

Configurações

  • Espaçamento de seção: escolha o tamanho dessa seção, que pode ser Pequeno, Médio, Grande ou Extragrande.
  • Imagem: adicione uma imagem para exibir na seção.
  • Alinhamento da imagem: escolha como você quer alinhar a imagem na seção.

Texto

  • Título: adicione um título à seção.
  • Texto: adicione um texto à seção.
  • Tamanho do texto: defina o tamanho do texto do título e do corpo.
  • Usar o estilo de botão secundário: mostre um botão transparente com um contorno sólido.
  • Etiqueta de botão: adicione um botão com uma etiqueta de texto à seção.
  • Link de botão: defina o URL ou a página que você quer vincular ao botão. Cole o URL ou selecione uma página no menu. Se você não quiser incluir um botão na seção, deixe esse campo em branco.

Sobreposição

  • Exibir sobreposição: adicione uma camada de cor sobre a imagem. Com uma sobreposição, fica mais fácil ler o texto.
  • Cor da sobreposição: defina a cor da sobreposição.
  • Cor do texto: defina a cor do título e do texto. Se a imagem de fundo for escura, escolha uma cor clara para o texto para facilitar a leitura.
  • Opacidade: defina a opacidade da sobreposição.

Adicionar uma imagem com sobreposição de texto à página inicial

  1. Clique em Adicionar seção.
  2. Clique em Imagem com sobreposição de texto e em Selecionar.
  3. Na área Imagem, clique em Selecionar imagem e siga um destes procedimentos: - Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.
  4. Para selecionar uma imagem do banco da Burst, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem.
  5. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.

  6. Use as configurações para personalizar a seção.

  7. Clique em Salvar.

Newsletter

Você pode adicionar uma assinatura de newsletter à sua página inicial. Isso permite coletar endereços de e-mail de clientes para campanhas de e-mail marketing. Saiba mais sobre e-mail marketing no blog da Shopify.

Adicionar uma área para assinatura de newsletter à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Newsletter e, depois, em Selecionar.
  3. Insira um título para a assinatura de newsletter no campo Título.
  4. Insira um subtítulo para a assinatura de newsletter no campo Subtítulo.
  5. Insira uma mensagem de sucesso no campo Mensagem de sucesso. Os clientes verão a mensagem de sucesso depois que enviarem seu e-mail. A mensagem de sucesso padrão é "Obrigado por assinar".
  6. Defina a cor do texto do campo de assinatura de newsletter clicando na amostra Cor do texto e escolhendo uma cor.
  7. Defina a cor de fundo para a seção de assinatura de newsletter clicando na amostra Cor de fundo e escolhendo uma cor.
  8. Clique em Salvar.

Mapa

Você pode adicionar um mapa do Google à sua página inicial para mostrar aos clientes onde sua empresa está localizada.

A seção de mapa apresenta as seguintes configurações:

  • Título: adicione um título à seção de mapa.
  • Endereço e horário: adicione o endereço e horário de funcionamento de sua loja à seção de mapa.
  • Endereço do mapa: defina a localização de sua loja para exibição no mapa.
  • Marcador de link do mapa: adicione um botão com link para a localização de sua loja no Google Maps.
  • Exibir marcador: adicione um marcador que exiba a localização específica de sua loja no mapa.
  • Chave da API do Google Maps: adicione a chave da API de seu mapa à seção de mapa.
  • Imagem: adicione uma imagem para exibição se o mapa não carregar.
  • Posição da imagem: defina o posicionamento da imagem.

Adicionar um mapa à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Mapa e, depois, em Selecionar.
  3. Use as configurações para personalizar a seção de mapa.
  4. Clique em Salvar.

Vídeo

Você pode adicionar um vídeo do YouTube ou do Vimeo à sua página inicial. Os vídeos podem envolver seus clientes e gerar interesse em relação à sua empresa.

Para adicionar um vídeo, você precisa localizar o link de compartilhamento do vídeo:

  • YouTube : um link de compartilhamento do YouTube se parece com este exemplo: https://youtu.be/ZXWgHlnVVEY. Você pode obter informações sobre como copiar o link de compartilhamento de um vídeo do YouTube neste artigo da Ajuda do YouTube.
  • Vimeo : um link de compartilhamento do Vimeo se parece com este exemplo: https://vimeo.com/123456789. Você pode obter informações sobre como copiar o link de compartilhamento de um vídeo do Vimeo neste artigo da Central de ajuda do Vimeo.

A seção de vídeo apresenta as seguintes configurações:

Configurações

  • Título: adicione o texto que aparece acima do botão de reprodução.
  • Link do vídeo: adicione o link de compartilhamento do vídeo.

Capa

  • Imagem: adicione a imagem exibida quando o vídeo não está em reprodução.
  • Posição da imagem: escolha o posicionamento da imagem na seção de vídeo.

Sobreposição

  • Exibir sobreposição: adicione uma camada de cor entre a imagem de marcador de posição e a etiqueta do botão. Uma sobreposição deixa o texto sobre o vídeo mais fácil de ler e permanece em exibição até que o botão de reprodução seja clicado.
  • Sobreposição: defina a cor da sobreposição.
  • Texto: defina a cor do texto do título e do botão de reprodução.
  • Opacidade: defina a opacidade da sobreposição.

Adicionar um vídeo à sua página inicial

  1. Clique em Adicionar seção.
  2. Clique em Vídeo e em Selecionar.
  3. Cole o link de compartilhamento do vídeo no campo Link do vídeo.
  4. Use as configurações para personalizar a seção de vídeo.
  5. Clique em Salvar.

Controle deslizante para destaques

O controle deslizante em destaque permite mostrar mais informações sobre o produto na página inicial.

É possível apresentar recursos de produtos, uma nova coleção ou variantes de um produto específico. A apresentação funciona melhor com um número pequeno de slides, já que a rolagem da página fica bloqueada durante a navegação do conjunto em desktops.

Para abrir ou ver o controle deslizante para destaques em dispositivos móveis, use um toque ou gesto de pinça. Use uma imagem de capa atraente e uma call-to-action como incentivo para que os clientes em dispositivos móveis abram o controle.

É possível adicionar até cinco slides ao controle deslizante em destaque.

Personalizar o controle deslizante em destaque

  1. Clique em Adicionar seção.
  2. Clique em Controle deslizante em destaque e, depois, em Selecionar.
  3. Personalize a seção do controle deslizante em destaque nas configurações.
  4. Clique em Salvar.

Adicionar um slide de imagem

  1. Na área Conteúdo, clique em Slide.
  2. Clique na amostra de Cor de fundo para selecionar uma cor da paleta.
  3. Na área Imagem, clique em Selecionar imagem e siga um destes procedimentos: - Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.
  4. Para selecionar uma imagem do banco da Burst, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem.
  5. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.

  6. No campo Título, digite o texto que deve ser exibido sobreposto ao slide.

  7. No campo Etiqueta de botão, digite o texto que deve aparecer no botão.

  8. No campo Link de botão, defina o URL ou a página que você quer vincular ao botão. Cole o URL ou selecione uma página no menu. Se você não quiser incluir um botão na seção, deixe esse campo em branco.

Personalizar as configurações do controle deslizante em destaque

  1. Para que os botões do slide sejam transparentes e com contorno sólido, marque Usar estilo de botão secundário.
  2. Para alterar a cor do texto, clique a amostra de Cor do título do slide e selecione uma das cores da paleta.
  3. Na área Configurações de capa, escolha a imagem de capa da seção do controle deslizante em destaque clicando em Selecionar imagem e seguindo as etapas abaixo: - Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.
  4. Para selecionar uma imagem do banco da Burst, clique na aba Imagens gratuitas. Lá é possível inserir um termo para pesquisa ou navegar por categorias de imagem.
  5. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.

  6. Na lista Cabeçalho, insira o texto que deve aparecer na imagem de capa.

  7. Na lista Posição do título, selecione se o texto deve ser exibido à esquerda ou no centro da imagem de capa. Esta configuração só se aplica à visualização em desktops.

  8. Na área Sobreposição, marque Exibir sobreposição.

  9. Clique na amostra de Cor para sobreposição e selecione uma cor para sobrepor à imagem.

  10. Clique na amostra de Cor de texto para selecionar uma cor para o texto.

<aside class="note note-information">
<h4>Dica</h4>
<p>If the background image is dark, picking a light text color makes the text easier to read.</p>
</aside>
  1. Na lista Opacidade, selecione um nível de transparência para a sobreposição de cor.

  2. Clique em Salvar.

Tudo pronto para começar a vender com a Shopify?

Experimente de graça