Seções do Narrative

O conteúdo do tema é criado usando blocos personalizáveis de conteúdo que determinam o layout e a aparência de diferentes páginas da loja virtual e são denominados seções.

As seções estáticas aparecem em locais predeterminados da loja virtual e não podem ser removidas ou reorganizadas. São ocupadas por cabeçalhos, rodapés, seções de navegação ou seções de conteúdo em páginas como páginas de produto e páginas de coleção. Por exemplo, a seção Produto determina a aparência de cada página de produto da loja virtual.

As seções dinâmicas são opcionais e servem para personalizar a página inicial. O layout é criado com até 25 seções dinâmicas, que podem ser adicionadas, reorganizadas e removidas.

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 apresenta o conteúdo exibido na parte superior de todas as páginas da loja. No Narrative é possível selecionar dois menus de navegação 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 na seção Cabeçalho.

    1. Na área Imagem do logotipo, 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.
    2. 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.
    3. Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.
    4. No campo Altura personalizada do logotipo (em pixels), insira a altura em pixels do logotipo.
    5. Na lista Ícone do carrinho de compras, selecione se você deseja exibir o ícone de uma bolsa ou de um carrinho no cabeçalho.
    6. 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 logotipo diferente do escolhido anteriormente para ser exibido no cabeçalho. Por exemplo, talvez você precise de um logotipo 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 logotipo e para os ícones de navegação e carrinho.
    7. Na lista Navegação primária, selecione o menu primário a ser exibido quando o cliente clica no ícone de navegação.
    8. Na lista Navegação secundária, selecione o menu secundário.
    9. 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. 5. Na área Comunicado, marque a opção Exibir comunicado. 6. Digite o texto do comunicado. 7. Opcional: insira uma URL para adicionar um link ao comunicado. 8. Opcional: no menu Ícone, selecione um ícone para exibir na barra de comunicados. O ícone tem a mesma cor do texto do comunicado. 9. Para alterar a cor do plano de fundo da barra de comunicados, escolha uma opção na amostra de cores Barra. 10. Para alterar a cor do texto do comunicado, escolha uma opção na amostra de cores Texto. 11. 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 a 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 a URL ou a página que você quer vincular ao botão. Cole a 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.

    1. 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 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 da newsletter ao rodapé, siga estas etapas:
1. Check **Show newsletter signup**.

2. Enter a heading for your newsletter signup in the **Heading** field. The default heading is "Sign up for updates".

3. Enter a subheading for your newsletter signup in the **Subheading** field. The default subheading is "Promotions, new products and sales. Directly to your inbox.".
  1. 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.
  2. 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 fornecedor do produto: mostre a marca ou o fornecedor do produto. Adicione um fornecedor 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 produtos. 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 fornecedores nas descrições do produto, use a caixa de seleção Exibir fornecedor.
    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

e 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 fornecedor de produto: exibe a marca ou o fornecedor 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ções. 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 fornecedores do produto: mostre o fornecedor 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 disponível 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 uma 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 uma 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, depois, em Selecionar. 3. Para adicionar a imagem, clique em Selecionar imagem na área Imagem e siga um destes procedimentos: - Para selecionar uma imagem que você já enviou para o admin da Shopify, clique na aba Biblioteca.
    • 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.
    • Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.
  2. Use as configurações para personalizar a seção da galeria. 5. 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 a URL ou a página que você quer vincular ao botão. Cole a 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

  • Computador: escolha se a imagem na seção aparecerá à esquerda ou à direita quando exibida em um computador.
  • 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, depois, 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.
    • 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.
    • Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.
  2. Use as configurações para personalizar a seção de imagem com texto. 5. 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 a URL ou a página que você quer vincular ao botão. Cole a 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, depois, 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.
    • 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.
    • Para selecionar uma imagem no computador local, clique na aba Biblioteca e, depois, em Carregar.
  2. Use as configurações para personalizar a seção. 5. 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. 3. Clique em Newsletter e, depois, em Selecionar. 4. Insira um título para a assinatura da newsletter no campo Título. 5. Insira um subtítulo no campo Subtítulo. 6. Insira uma mensagem de sucesso no campo Mensagem de sucesso. Essa mensagem é exibida após o cliente enviar o endereço de e-mail. O padrão é "Agradecemos sua assinatura". 7. Defina a cor do texto do campo de assinatura da newsletter clicando na amostra Cor do texto e escolhendo uma das opções. 8. Defina a cor de fundo da seção de assinatura clicando na amostra Cor de fundo e escolhendo uma das opções. 9. 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 em Selecionar. 3. Personalize a seção de mapa nas configurações. 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/Oc5v_ToKP7c. 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. 3. Clique em Vídeo e, depois, em Selecionar. 4. Cole o link de compartilhamento no campo Link do vídeo. 5. Use as configurações para personalizar a seção de vídeo. 6. 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 visualizar 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 chamada à ação 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. 3. Clique em Controle deslizante em destaque e em Selecionar. 4. Use as configurações para personalizar a seção de controle deslizante em destaque. 5. 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 a URL ou a página que você quer vincular ao botão. Cole a 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.

Pronto para começar a vender com a Shopify?

Experimente de graça