Un utente ha chiesto informazioni su Easy Digital Downloads - Simple eCommerce for Selling Digital Files di Wordpress

Personalizza il pulsante Acquista

Un utente ha chiesto 👇

Ultima domanda. Mi dispiace di averne avuto abbastanza.

Ho provato a personalizzare i pulsanti di acquisto. Sono entrato negli stili delle impostazioni e ho cambiato lo stile predefinito del pulsante in testo normale.

Quindi ho aggiunto questo codice nel mio file CSS personalizzato:

.edd-submit.plain {
	background-color: #564865;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 15px 32px;
    font-size: 16px;
    cursor: pointer;
}

.edd-go-to-checkout.plain {
	background-color: #564865;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 15px 32px;
    font-size: 16px;
    cursor: pointer;
}

Tuttavia, il pulsante creato utilizzando il collegamento purchase_link non si è quindi spostato sul pulsante di controllo quando ho fatto clic sui miei nuovi stili.

Il pulsante Acquista è decollato dopo che ho inserito i dettagli nella tabella sui miei nuovi stili.

Cosa devo fare per fare in modo che i pulsanti dello shortcode di acquisto_link adottino il mio nuovo stile?

Donatore di plugin

(@ sdavis2702)

2 anni, 6 mesi fa

Ciao,

Scusa per il ritardo qui.

Sembra che potresti trovare un bug. Quando si aggiunge il collegamento al collegamento di acquisto al contenuto e si sceglie di avere solo un collegamento di testo, dovrebbe essere visualizzato un HTML simile ai pulsanti di acquisto predefiniti che EDD invia automaticamente. Quello che sembra accadere è che il collegamento di output non ha il collegamento al collegamento di acquisto plain classe per i pulsanti di collegamento testuale, tuttavia. Ecco perché il tuo CSS funziona per i pulsanti che EDD invia automaticamente, ma non per il codice breve del link di acquisto.

Dovremo risolverlo da parte nostra. Finora, tuttavia, il seguente SEC, che è stato ottimizzato per l’efficienza da ciò che hai fornito, dovrebbe fare il trucco per te:


.edd-add-to-cart.plain,
.entry-content .edd-add-to-cart,
.edd-go-to-checkout.plain,
.entry-content .edd-go-to-checkout {
    background-color: #564865;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 15px 32px;
    font-size: 16px;
    cursor: pointer;
}

Provalo e fammi sapere. Nel frattempo, registrerò un’edizione per prendermi cura del bug.

Lanciatore di thread

(@ dsrt16)

2 anni, 6 mesi fa

Ho provato quel codice.

Quindi quello che succede è che quando carico la pagina per la prima volta, posso vedere due pulsanti: uno che ha il colore di sfondo corretto ora ma il colore del testo è rosa e il pulsante è piccolo – no, quello che ho fatto è stato, e poi quello seguente il mio CSS proprio accanto ad esso. Quindi vedo prima una versione completa corretta del mio pulsante. Entro pochi secondi però scompare quello costruito con il mio codice e quindi solo il pulsante che segue solo il colore di sfondo del codice.

Donatore di plugin

(@ sdavis2702)

2 anni, 6 mesi fa

Per favore collegami a una pagina in cui posso vedere i pulsanti mentre li descrivo. Dovrei essere in grado di apportare modifiche alla SEC.

Lanciatore di thread

(@ dsrt16)

2 anni, 6 mesi fa

Entrambi i pulsanti sono visibili solo per frazioni di secondo. Ho fatto scorrere verso il basso fino al punto in cui si trovavano e ho aggiornato la pagina, in modo da poter utilizzare la schermata di stampa per catturarla.

Ecco l’immagine. Il pulsante a destra è quello che voglio, ma come ho detto è visibile solo per una frazione di secondo, e poi è sparito, lasciando solo quello a sinistra.

http://beaconpointservices.org/wp-content/uploads/2018/09/2-buttons.jpg

Questa è la pagina, ma vedrai il pulsante sbagliato solo se non scorri fino all’area con i pulsanti e quindi fai clic su Aggiorna. Quando lo fai, vedrai i due pulsanti fianco a fianco per frazioni di secondo.

http://beaconpointservices.org/editors-tracking-programs/

Donatore di plugin

(@ sdavis2702)

2 anni, 6 mesi fa

Non essere preoccupato. Ci sono strumenti del browser che mi consentono di vedere il problema senza aggiornare.

Sembra davvero che tu abbia un altro CSS nel modo di creare un problema. Linea 976 del tuo styles.css file che si trova qui: vedi la fonte:http://beaconpointservices.org/wp-content/themes/bp/style.css?ver=4.9.8 Questo file sembra essere alla radice di un tema con una cartella denominata “bp”.

La regola CSS situata su quella riga (976) (posso solo immaginare) cerca di essere applicata tutti collegamenti :not() ivi specificato. Sembra intenzionale escludere elementi inclusi nel tuo tema, forse? Cioè, la regola SEC non esclude intenzionalmente i pulsanti EDD (o qualsiasi altro pulsante per quella materia), quindi il CSS scritto lì si applica ai pulsanti EDD … applicando le modifiche che fai provando a fare.

Ecco un’immagine di come appare quando disabilito CSS con la linea 976 disabilitata: https://cl.ly/5cfb18b99b2b

Non sono sicuro che il CSS sia personalizzato o se fosse nel tema che stai utilizzando, scritto da qualcun altro in quel modo. Ma usa l’azione :not() I selettori CSS possono avere risultati imprevisti come questo per escludere determinati tipi di collegamenti, piuttosto che scrivere un CSS che si concentri sui collegamenti che si desidera veramente targetizzare. Perché non hai modo di prevedere quali elementi HTML altri plugin, o persino lo stesso WordPress, introdurranno in futuro.

—–

Tuttavia, ecco cosa puoi fare per risolvere il problema in pochi passaggi:

Passo 1

Sulla stessa riga 976 nel file CSS, cambia questo:

a:not([title="1"]):not([title="2"]):not([title="3"]):not([title="4"]):not([title="5"]):not(.btn):not(.nav-link):not(.navbar-brand):not(.ab-item):not(.no-style):not(.dropdown-item):not(.elementor-button-link):not(.nc_tweet)

Per farlo:

a:not([title="1"]):not([title="2"]):not([title="3"]):not([title="4"]):not([title="5"]):not(.btn):not(.nav-link):not(.navbar-brand):not(.ab-item):not(.no-style):not(.dropdown-item):not(.elementor-button-link):not(.nc_tweet):not(.edd-add-to-cart):not(.edd_go_to_checkout)

(Ho appena aggiunto :not(.edd-add-to-cart):not(.edd_go_to_checkout) alla fine del selettore)

Passo 2

Sostituisci questo pezzo completo di CSS che ti ho dato prima:

.edd-add-to-cart.plain,
.entry-content .edd-add-to-cart,
.edd-go-to-checkout.plain,
.entry-content .edd_go_to_checkout {
    background-color: #564865;
    border: none;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    padding: 15px 32px;
    font-size: 16px;
    cursor: pointer;
}

(Sono appena cambiato .edd-go-to-checkout per .edd_go_to_checkout … Errore mio)

Tutto dovrebbe avere l’aspetto desiderato e funzionare come previsto, passando dal pulsante Aggiungi al carrello al pulsante Verifica. Ho provato a utilizzare il mio browser per controllare, ma il tuo sito sembra aver avviato un errore durante il tentativo di utilizzare gli strumenti del browser.

Per favore provalo e fammi sapere.

Lanciatore di thread

(@ dsrt16)

2 anni, 6 mesi fa

Sono entrato per provarlo, ma non riesco ad accedere al mio sito Word Press – non riesco ad accedere a nulla, figuriamoci al file CSS.

Sono andato al mio login WordPress per il mio sito e ho detto che si è verificato un errore durante la configurazione di una connessione al database.

Grazie per l’aiuto. Sono sicuro che il tuo nuovo codice funzionerà non appena lo potrò testare.

Parlo ora con il mio host per scoprire perché il mio sito Web è stato declassato e perché non riesco ad accedere al mio amministratore di WordPress.

Questa risposta è stata modificata 2 anni, 6 mesi fa. Lanciatore di thread

(@ dsrt16)

2 anni, 6 mesi fa

Oh amico … non è solo un login WordPress. Il mio sito web commette questo errore. Quindi ora nessuno può vedere il mio sito Web, dice solo un errore durante la configurazione di una connessione al database.

Non è mai successo prima.

Donatore di plugin

(@ sdavis2702)

2 anni, 6 mesi fa

No, gli strumenti del browser non hanno alcun effetto sul sito effettivo. Il mio browser non ha accesso al tuo sito, solo agli elementi che appaiono sullo schermo. Posso manipolarli secondo me. Un aggiornamento della pagina da parte mia cancella tutte le mie modifiche temporanee.

È ora possibile fare clic con il pulsante destro del mouse su questa schermata, fare clic sull’opzione associata alla parola “Inspect” o “Inspector” e visualizzare HTML e CSS nella pagina che si sta visualizzando. È solo uno strumento del browser per vedere come è strutturata una pagina, lo stile e altre cose. Gli sviluppatori lo usano per vedere come appariranno le modifiche prima di apportarle sul sito reale.

Non sono sicuro di cosa sia successo al tuo sito, ma qualcosa sembra non funzionare a livello di server. Il tuo sito si basa su un database da cui estrarre i dati e la connessione al database non riesce.

Contatta immediatamente il tuo host e segnala il problema. Dovrebbero essere in grado di rintracciarlo in pochi secondi.

Lanciatore di thread

(@ dsrt16)

2 anni, 6 mesi fa

Ce l’ha fatta. Ci sto lavorando, sto parlando con il mio ospite ora.

Grazie per l’aiuto! Sì, ho usato “esplora” prima. Strumento di riproduzione

Lanciatore di thread

(@ dsrt16)

2 anni, 6 mesi fa

Ho trovato il mio sito come backup e ho testato il tuo codice. Funziona! Grazie!

Donatore di plugin

(@ sdavis2702)

2 anni, 6 mesi fa

Eccezionale. Siamo qui se hai altre domande.

(@eblakely)

2 anni, 4 mesi fa

Ciao, ho problemi simili. Sono passato al tuo plugin da un altro che ha avuto problemi a pubblicare e sono generalmente soddisfatto del tuo plugin EDD.

L’unico vero problema che ho è la spaziatura intorno al pulsante. Hai guardato i CSS e hai provato diverse cose, suggeriresti come rimpicciolirlo?

Quello sotto il blocco di testo è quello a cui mi riferisco anche.

Was this helpful?

0 / 0

Lascia un commento 0

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