Skip to main content

Visão geral

O Upcart permite alterar as cores usadas nos seletores de variantes do upsell com um CSS personalizado simples. Essa é uma maneira rápida de alinhar a aparência do seu carrinho com a sua marca e melhorar a experiência do cliente durante a seleção de produtos. Essa personalização é ideal para lojistas ou desenvolvedores com conhecimento básico de CSS.

Onde encontrar o editor de CSS personalizado

  1. Vá em Upcart > Cart Editor > Settings > Custom CSS
  2. Role para baixo até a área de entrada e cole seu código CSS
  3. Clique em Save
  4. Recarregue sua vitrine para visualizar as mudanças ao vivo

Exemplo de CSS para estilizar o seletor de variantes na V1.0

Exemplo de CSS para estilizar o seletor de variantes na V2.0


Como personalizar

  • color: define a cor do texto
  • background-color: define o fundo da caixa do seletor de variantes
Você pode usar diferentes tipos de valores, como:
  • Cores nomeadas (exemplo: black, white, red)
  • Códigos hexadecimais (exemplo: #000000)
  • Valores RGB (exemplo: rgb(255, 0, 0))
Exemplo:
Isso permite criar um estilo de seletor de variantes que se integra ao design da sua loja ou que se destaca para chamar a atenção.

Ainda precisa de ajuda?

Para personalizações adicionais, recomendamos trabalhar com um Shopify Expert. Ele pode ajudar a adicionar HTML, CSS ou JavaScript ao seu cart drawer. Ver Shopify Experts