Adicionar um fundo gradiente

O que é um fundo gradiente?

A fundo gradiente é um fundo que transita suavemente entre duas ou mais cores, criando uma mistura ou progressão gradual de matizes. Em um gradiente, as cores mudam gradualmente de um lado para o outro, criando uma transição suave e visualmente atraente.

Adicionar transições de cores às suas páginas do Shopify pode ser feito de diferentes maneiras. Embora o Editor de Temas do Shopify permita isso, é necessário algum conhecimento de programação.

Felizmente, há uma alternativa: o GemPages, o melhor construtor de páginas do Shopify, torna a criação de designs de gradiente vibrantes rápida e fácil, sem necessidade de codificação.

Como adicionar um fundo gradiente aos elementos do GemPages?

Siga estas etapas para aplicar um estilo de gradiente aos elementos do GemPages com facilidade:

Etapa 1: acesse o editor GemPages

• No seu administrador do Shopify, navegue até Construtor GemPages app> PÁGINAS.
• Escolha seu modelo preferido para localizar o editor.

Etapa 2: Abra as configurações do elemento

• Clique no elemento alvo para revelar as configurações na barra lateral esquerda.

• Desloque-se até o Contexto selecione e selecione Cor.

Etapa 3: adicione um fundo gradiente para o elemento

• No painel, mude para o Gradiente estilo para ajustar sua transição de cores.

• Selecione suas cores preferidas e modifique a transição de cores do seu jeito, como:
  • Arraste os pontos de cor existentes (os pequenos círculos na barra de gradiente) para alterar a mistura entre as cores.
  • Você pode adicionar uma nova parada de cor para ajustar seu design de gradiente clicando diretamente na barra de gradiente.
  • Use o controle de ângulo (°) para ajustar a direção do gradiente.

Etapa 4: salve suas alterações

Quando estiver satisfeito com a aparência, clique Economize e depois Publicar para aplicá-lo à sua loja ativa.

Como adicionar um fundo gradiente ao seu botão?

Um botão de CTA com gradiente pode capturar instantaneamente a atenção dos visitantes. Veja como aplicar um efeito de gradiente suave ao seu botão no GemPages:

Passo 1: Uma vez localizado no editor, procure por “botão” na barra lateral esquerda. Em seguida, arraste e solte um Elemento de botão para qualquer posição que você preferir.

Passo 2: Clique no elemento para abrir suas configurações. Role para baixo até Contexto selecione e selecione Cor.

Passo 3: No painel de configurações de cores, selecione Gradiente opção para adicionar um fundo gradiente para seu botão.

Passo 4: Personalize a mistura de cores como preferir. Você pode selecionar uma das Cores recentes lista para economizar esforço e garantir que o fundo gradiente se ajuste ao seu layout.

Passo 5: Uma vez feito, salvar e republicar sua página para publicar as atualizações na vitrine.

Anotações importantes

O recurso de personalização de gradiente está atualmente disponível para elementos como Linha, Título e Botão dentro GemPages Versão 7.

Para quaisquer solicitações de design específicas ou efeitos personalizados, sinta-se à vontade para entrar em contato com nossa Equipe de Suporte para verificar a viabilidade.