Un utente ha chiesto informazioni su Facebook for WooCommerce di Wordpress

Messenger box: rendilo più piccolo (o dai delle opzioni)

Un utente ha chiesto 👇

Grazie per l’aggiunta. Lo abbiamo installato su molti siti client, per sincronizzare il prodotto ma anche per la messenger box.

Ma tutti i clienti reagiscono allo stesso modo: “che grande chat box !? Puoi renderlo più piccolo “?

E quei clienti hanno ragione. Su uno schermo di laptop più piccolo, la finestra di dialogo è oscura.

Peccato, non ho opzioni per risolverlo da solo.
Sebbene tu possa implementare rapidamente la soluzione “a metà”, tieni presente che alla maggior parte dei nostri clienti piace la versione mobile della chat box.

Se non ci sono piani per rimpicciolire la scatola del desktop, c’è una certa disponibilità a creare l’opzione per avere la “versione della casella di chat mobile” anche sul desktop … sarebbe fantastico.

(@maartenbelmans)

3 mesi, 2 settimane fa

Concordo anch’io con questo. Sarebbe un’ottima opzione in più.

Supporto per plugin

(@julieskyverge)

3 mesi, 1 settimana fa

Ciao Dave e Maarten! (@davelo @maartenbelmans)

Grazie mille per il tuo feedback qui. Lo inoltrerò sicuramente al mio team di prodotto perché lo consideri.

Detto questo, potresti essere in grado di apportare alcune modifiche CSS. Il tuo tema potrebbe avere una classe diversa, sebbene questo sia ciò che sembra gestire la larghezza della casella di messaggistica:

https://cloud.skyver.ge/2NujpEZb

Nota che questo non cambia la larghezza del pulsante “Accedi a Messenger”, potresti concentrarti su una classe diversa.

È davvero utile? Fammi sapere.

Vi ringrazio molto!

Julie 🙂
SkyVerge

(@maartenbelmans)

3 mesi, 1 settimana fa

Ciao @julieskyverge

Grazie per la tua rapida risposta su questo! Proverò, grazie.

(@davelo)

3 mesi, 1 settimana fa

Grazie @julieskyverge per il puzzle. Non riesco ad aprire l’immagine allegata, l’immagine non è più caricata …

Supporto per plugin

(@julieskyverge)

3 mesi, 1 settimana fa

@maartenbelmans – Sicuramente, tienimi aggiornato!

@davelo – Non avevo una domanda per aprire l’immagine. Ecco, prova questo:

https://ibb.co/99TJ6y1

Fammi sapere se funziona.

Grazie ad entrambi,

Julie 🙂
SkyVerge

(@davelo)

3 mesi fa

Ciao @julieskyverge,

Ho provato ad aggiungere CSS, anche tramite! etichetta.
Aggiunto tramite personalizzazione, solo nel piè di pagina, ecc.
Ma nessun cambiamento …

Quindi è più facile a dirsi che a farsi …

Anche se conosco la mia strada in CSS; Non riesco ancora a scoprire come posso modellare la parte FB. Può anche farlo, poiché viene caricato tramite js.

Potete aiutarmi qui come aggiungere CSS?
Di alcuni link ai manuali?

Supporto per plugin

(@julieskyverge)

3 mesi fa

Ciao @davelo,

Grazie per essere tornato da me qui, lo apprezzo davvero!

Saresti in grado di condividere l’URL del tuo sito e abilitare Messenger in modo che io possa vedere se posso dare una mano? Sebbene I temi di terze parti non rientrano nella nostra politica di supporto, Forse potrei guardare a dare una mano.

Grazie mille,

Julie 🙂
SkyVerge

(@davelo)

3 mesi fa

È su questo sito: https://www.parelskumpen.be/

Ho aggiunto lo stile (solo 1 regola come prova) nel piè di pagina.

Supporto per plugin

(@julieskyverge)

3 mesi fa

Ciao Dave! (@davelo)

Ho esplorato l’elemento coinvolto nei miei strumenti di sviluppo del browser e sono stato in grado di cambiare la larghezza da 375px a 300px:

https://cloud.skyver.ge/geuqGWYy

Dovresti essere in grado di concentrarti su:

._94vf

E aggiungi:

._94vf {
width: 300px !important;
}

Qualcosa del genere dovrebbe fare il trucco.

Detto questo, poiché sembra caricarsi da una prospettiva di Facebook, potrebbe sembrare che il foglio di stile si carichi, come se ti riferissi allo stile una seconda volta in un altro foglio di stile (come quello di Facebook), la priorità è data al più recente.

Per favore, fammi sapere se funziona?

Grazie!

Julie 🙂
SkyVerge

Supporto per plugin

(@julieskyverge)

2 mesi, 3 settimane fa

Hey Dave. (@davelo)

Non ho sentito molto da te, quindi contrassegnerò questo argomento come una soluzione. Se hai ancora problemi per favore vedere la nostra documentazione per maggiori informazioni e per creare un nuovo thread se hai altre domande.

Grazie!

Julie 🙂
SkyVerge

(@davelo)

2 mesi, 2 settimane fa

scusa per la risposta in ritardo: super impegnato qui (covid, black friday).

È facile da modificare in un browser, non in codice reale perché questo è un iframe.
Lo stile iframe è difficile da trovare.

Sebbene fossi abbastanza sicuro che la soluzione suggerita non funzionasse, l’ho provata comunque.
Ho inserito il codice CSS come hai menzionato. Sì, anche due volte (intestazione e piè di pagina), con! Importante.
Nessun impatto.
Logica; l’iframe non appare nel “codice sorgente” della pagina.

L’unico modo di applicare lo stile è direttamente sull’iframe (iframe {width: 300px}; ma poiché tutto all’interno ha una larghezza fissa; non ha senso.

Quindi con quello; Spero che il plugin offra agli utenti più scelte di stile; rimpicciolire la casella sullo schermo; come la versione mobile anche su desktop.

Supporto per plugin

(@julieskyverge)

2 mesi, 2 settimane fa

Hey Dave! (@davelo)

Hai capito, grazie per il tuo feedback. Ho fatto una nota al team del prodotto. Mentre i nostri amici di Automattic stanno abbracciando il supporto e lo sviluppo del plug-in, una maggiore flessibilità nella posta in arrivo di Messenger è molto popolare, quindi sono sicuro che ne terranno conto.

Grazie ancora per il tuo feedback!

Julie 🙂
SkyVerge

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *