Skip to main content

Panoramica

Il pulsante sticky del carrello di Upcart può essere ridimensionato e riposizionato con CSS personalizzato. Questo ti permette di adattarlo meglio al branding del tuo negozio o alle preferenze di esperienza utente su desktop e dispositivi mobili. Sono disponibili due approcci, a seconda di quanto controllo desideri.

Opzione 1: ridimensionamento in scala (configurazione semplice)

Questo metodo usa un singolo fattore di scala per rimpicciolire o ingrandire proporzionalmente il pulsante e l’icona. È il modo più semplice per regolare la dimensione del pulsante con il minimo codice.

Dove aggiungerlo

Vai su Upcart > Sticky Cart > Custom CSS e incolla il codice qui sotto.

Come personalizzare

  • Modifica transform per ridimensionare il pulsante (ad es. 0.8, 0.6, 1.25, ecc.)

Opzione 2: ridimensionamento in pixel (controllo avanzato)

Questo metodo ti permette di controllare individualmente le dimensioni di ogni elemento usando valori in px. Usalo quando vuoi regolazioni precise che non dipendono dalla scala.

Come personalizzare

  • Regola le variabili in :root per aumentare o diminuire la dimensione di ogni elemento
  • Modifica i valori left e top all’interno dei selettori per centrare visivamente l’icona e il badge

Hai bisogno di aiuto?

Se non sei sicuro di quale metodo faccia al caso tuo o hai bisogno di aiuto per scrivere CSS personalizzato, ti consigliamo di rivolgerti a uno Shopify Expert. Il supporto di Upcart non offre assistenza diretta per l’implementazione del CSS. Vedi gli Shopify Experts