Panoramica

Upcart ti permette di cambiare i colori usati per i selettori di varianti degli upsell con un semplice CSS personalizzato. È un modo rapido per allineare l’aspetto del tuo carrello al tuo brand e migliorare l’esperienza del cliente durante la selezione dei prodotti. Questa personalizzazione è ideale per titolari di negozi o sviluppatori con una conoscenza di base del CSS.

Dove trovare l’editor Custom CSS

Vai su Upcart > Cart Editor > Settings > Custom CSS
Scorri fino all’area di input e incolla il tuo codice CSS
Clicca su Save
Aggiorna il tuo storefront per visualizzare le modifiche in tempo reale

CSS di esempio per lo stile del selettore di varianti nella V1.0

.upcart-upsell-item-variant-selector {     
  color: white !important;  
  background-color: #008060 !important;   
}

CSS di esempio per lo stile del selettore di varianti nella V2.0

.upcart-public-component-upsell-tile__variant-row select {  
  color: white;     
  background-color: #008060;   
}

Come personalizzare

color: imposta il colore del testo
background-color: imposta lo sfondo del riquadro del selettore di varianti

Puoi usare diversi tipi di valori, come:

Colori con nome (esempio: black, white, red)
Codici esadecimali (esempio: #000000)
Valori RGB (esempio: rgb(255, 0, 0))

Esempio:

.upcart-public-component-upsell-tile__variant-row select {     
  color: #000000 !important;     
  background-color: #f3f4f6 !important;   
}

Questo ti permette di creare uno stile per il selettore di varianti che si integra con il design del tuo negozio oppure risalta per attirare l’attenzione.

Hai ancora bisogno di aiuto?

Per personalizzazioni aggiuntive, ti consigliamo di lavorare con uno Shopify Expert. Può aiutarti ad aggiungere HTML, CSS o JavaScript al tuo cart drawer. Vedi gli Shopify Experts

Per iniziare

Moduli del carrello

Impostazioni del carrello

Pulsante carrello fisso

Multicart

Personalizzazioni

Analisi

Integrazioni e compatibilità

Fatturazione e account

Risoluzione dei problemi

Cambiare i colori del selettore di varianti degli upsell

Panoramica

Dove trovare l’editor Custom CSS

CSS di esempio per lo stile del selettore di varianti nella V1.0

CSS di esempio per lo stile del selettore di varianti nella V2.0

Come personalizzare

Hai ancora bisogno di aiuto?

​Panoramica

​Dove trovare l’editor Custom CSS

​CSS di esempio per lo stile del selettore di varianti nella V1.0

​CSS di esempio per lo stile del selettore di varianti nella V2.0

​Come personalizzare

​Hai ancora bisogno di aiuto?

Panoramica

Dove trovare l’editor Custom CSS

CSS di esempio per lo stile del selettore di varianti nella V1.0

CSS di esempio per lo stile del selettore di varianti nella V2.0

Come personalizzare

Hai ancora bisogno di aiuto?