Skip to main content

​
Panoramica

Se vuoi cambiare la dimensione del font di specifici elementi di testo nel tuo carrello (come i titoli degli upsell o le opzioni delle varianti), puoi farlo usando l’editor Custom CSS integrato di Upcart.

​
Passo 1: ispeziona l’elemento

  1. Apri il tuo storefront e avvia il drawer di Upcart.
  2. Fai clic destro sull’elemento di cui vuoi cambiare la dimensione del font.
  3. Scegli Ispeziona dal menu contestuale del browser per aprire gli Strumenti per sviluppatori.
  4. Individua il nome della classe dell’elemento nel pannello HTML.
    Esempio: upcart-item-option

​
Passo 2: accedi all’editor Custom CSS

  1. Vai su Shopify Admin > Apps > Upcart
  2. Apri il Cart Editor
  3. Clicca su Settings
  4. Trova la sezione Custom CSS

​
Passo 3: scrivi il tuo CSS personalizzato

Nel campo di input CSS:
  1. Inizia con un punto (.) seguito dal nome della classe
  2. Aggiungi { font-size: 14px !important; } (o la dimensione desiderata)
Esempio:
💡 Nota: .upcart-item-option è una classe V1. Su V2, il testo della variante del line item equivalente è .upcart-public-component-product-tile__variant. Consulta la libreria di selettori CSS V2 per l’elenco completo. Usa !important solo se lo stile non viene applicato dopo la modifica.

​
Passo 4: salva e testa

  1. Clicca su Save nel Cart Editor
  2. Aggiorna la pagina del tuo storefront
  3. Apri il cart drawer e verifica che la dimensione del font sia stata aggiornata
Se il testo non è cambiato, ricontrolla il nome della classe o usa di nuovo lo strumento Ispeziona del browser per confermare che stai puntando all’elemento corretto.