Skip to main content

​
Visão geral

Se você quiser alterar o tamanho da fonte de elementos de texto específicos no seu carrinho (como títulos de upsell ou opções de variantes), pode fazer isso usando o editor de Custom CSS integrado do Upcart.

​
Passo 1: inspecionar o elemento

  1. Abra sua vitrine e abra o drawer do Upcart.
  2. Clique com o botão direito no elemento cujo tamanho de fonte você quer alterar.
  3. Escolha Inspecionar no menu de contexto do seu navegador para abrir as Ferramentas do Desenvolvedor.
  4. Localize o nome da classe do elemento no painel de HTML.
    Exemplo: upcart-item-option

​
Passo 2: acessar o editor de CSS personalizado

  1. Vá em Shopify Admin > Apps > Upcart
  2. Abra o Cart Editor
  3. Clique em Settings
  4. Encontre a seção Custom CSS

​
Passo 3: escrever seu CSS personalizado

No campo de entrada de CSS:
  1. Comece com um ponto (.) seguido do nome da classe
  2. Adicione { font-size: 14px !important; } (ou o tamanho desejado)
Exemplo:
💡 Nota: .upcart-item-option é uma classe da V1. Na V2, o texto de variante do item de linha equivalente é .upcart-public-component-product-tile__variant. Veja a biblioteca de seletores CSS da V2 para o conjunto completo. Use !important apenas se o estilo não estiver sendo sobrescrito após a alteração.

​
Passo 4: salvar e testar

  1. Clique em Save no Cart Editor
  2. Recarregue a página da sua vitrine
  3. Abra o cart drawer e confirme que o tamanho da fonte foi atualizado
Se o texto não mudou, verifique novamente o nome da classe ou use a ferramenta Inspecionar do navegador mais uma vez para confirmar que você está mirando o elemento correto.