Skip to main content

Visão geral

O botão de carrinho fixo do Upcart pode ser redimensionado e reposicionado com CSS personalizado. Isso permite alinhar melhor o botão à identidade visual da sua loja ou às suas preferências de experiência do usuário em desktop e dispositivos móveis. Existem duas abordagens disponíveis, dependendo de quanto controle você quer ter.

Opção 1: redimensionamento por escala (configuração simples)

Este método usa um único fator de escala para reduzir ou ampliar o botão e o ícone proporcionalmente. É a maneira mais fácil de ajustar o tamanho do botão com o mínimo de código.

Onde adicionar isto

Vá em Upcart > Sticky Cart > Custom CSS e cole o código abaixo.

Como personalizar

  • Altere transform para redimensionar o botão (por exemplo, 0.8, 0.6, 1.25 etc.)

Opção 2: redimensionamento em pixels (controle avançado)

Este método permite controlar as dimensões de cada elemento individualmente usando valores em px. Use-o quando quiser ajustes precisos que não dependam de escala.

Como personalizar

  • Ajuste as variáveis em :root para aumentar ou diminuir o tamanho de cada elemento
  • Ajuste os valores de left e top dentro dos seletores para centralizar visualmente o ícone e o badge

Precisa de ajuda?

Se você não tem certeza de qual método é o ideal para você ou precisa de ajuda para escrever CSS personalizado, recomendamos entrar em contato com um Shopify Expert. O suporte do Upcart não ajuda diretamente com implementação de CSS. Ver Shopify Experts