Un utente ha chiesto 👇
Ciao di nuovo,
Ho toccato un’altra piccola domanda.
Sto cercando di personalizzare un po ‘la pagina del prodotto aggiungendo CSS al foglio di stile di mio figlio, ma non sembra funzionare quando ricarico la pagina, ma se provo lo stesso stick CSS nell’ispettore di Chrome, funziona bene.
Qualche idea?
Ho provato a nascondere meta tramite:
.product-meta {display: nessuno! importante}
o questo per aggiungere un raggio:
.woocommerce div.product div.images .flex-control-thumbs {
overflow: nascosto;
margine: 0;
imbottitura: 0;
ga ga: 0px 0px 5px 5px! importante;
(@leohsiang)
11 mesi fa
Ciao,
Hai la possibilità di collegarci al sito in questione?
Fammi sapere 🙂
Lanciatore di thread
(@kaiajabones)
11 mesi fa
di sicuro! @leohsiang
Mi dispiace disturbarti con tutte queste domande 🙂
È sullo stesso sito dell’altra domanda che ho posto pochi minuti fa ahah
Lanciatore di thread
(@kaiajabones)
11 mesi fa
Ho appena provato ad aggiungere questi frammenti a “Aggiungi CSS extra” all’adattatore del tema per apparire dal vivo e lo sto leggendo, quindi non sono sicuro se ho bisogno di aggiungere un po ‘di Php o come sto appena iniziando. utilizzando CSS, html e php.
(@leohsiang)
11 mesi fa
Puoi fornire il link al tuo sito?
Sarebbe molto più semplice se fornisci il link in ogni argomento in modo da non doverlo cercare.
Grazie!
Lanciatore di thread
(@kaiajabones)
11 mesi fa
https://wdqszrte.lucusvirtual.es/
scusa, ti sei dimenticato di incollarlo!
(@leohsiang)
11 mesi fa
Potete indirizzarmi alla pagina specifica dove posso vedere la domanda?
Il sito non è in inglese quindi trovo difficile navigare.
Grazie 🙂
Lanciatore di thread
(@kaiajabones)
11 mesi fa
@leohsiang di sicuro!
https://wdqszrte.lucusvirtual.es/producto/jabon-artesanal-de-lavanda/
In questa pagina, ad esempio, ho aggiunto questo CSS specifico per woocommerce con “Aggiungi CSS extra” al cliente GP. Ma se lo elimino da lì e lo aggiungo direttamente al foglio del tema del tema figlio, non farà alcuna differenza visiva, quindi penso che per qualche motivo non legga tutto il culo di tutti gli altri menu relativi ai CSS, quel menu principale leggere la pagina, ecc perfettamente dal foglio di stile per bambini.
.woocommerce-command {
display: nessuno;
}
.woocommerce-result-count {
display: nessuno;
}
.product_meta {
display: nessuno;
}
ul.tabs.wc-tabs {
display: nessuno;
}
.flex-viewport {
ga ga: 5px 5px 0px 0px! importante;
}
.flex-control-thumbs {
overflow: nascosto;
margine: 0;
imbottitura: 0;
ga ga: 0px 0px 5px 5px! importante;
}
.quantity .qty {
ga ga: 3px! importante;
imbottitura: 5px 0px;
}
(@leohsiang)
11 mesi fa
Quali non funzionano?
Vedo che questo funziona decisamente:
https://www.screencast.com/t/iDGOmsWih
Se qualcosa non funziona, fai clic con il pulsante destro del mouse sull’elemento e utilizza lo strumento di ispezione del browser, quindi puoi vedere esattamente perché non funziona (cioè viene scritto da qualcos’altro).
Lanciatore di thread
(@kaiajabones)
11 mesi fa
@leohsiang
Sì, funzionano perché sto aggiungendo “Extra CSS” in Live Customer al tema.
La domanda sorge quando provo ad aggiungere CSS al foglio di stile dei bambini. Ma mi sembra di leggerlo solo quando lo pubblico sulle pagine di woocommerce poiché altre personalizzazioni del tema funzionano perfettamente attraverso il foglio di stile per bambini.
Ho aggiunto questa funzione (con il bambino) che ho trovato su un altro thread GP così come questo altro CSS sul foglio di stile figlio e non sembrano funzionare così come qualsiasi altra personalizzazione sulle pagine dei prodotti woocommerce.
add_action (‘wp’, ‘tu_disable_wc_zoom’, 50);
funzione tu_disable_wc_zoom () {
remove_theme_support (‘wc-product-gallery-lightbox’);
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: nessuno;
}
Grazie ancora!
(@leohsiang)
11 mesi fa
add_action( 'wp', 'tu_disable_wc_zoom', 50 );
function tu_disable_wc_zoom() {
remove_theme_support( ‘wc-product-gallery-lightbox’ );
}Quanto sopra è una funzione PHP, quindi dovrebbe entrare nel file function.php un file del tema di tuo figlio.
Lanciatore di thread
(@kaiajabones)
11 mesi fa
@leohsiang
sì, l’ho fatto prima di scrivere il commento precedente haha
La funzione funziona, ma il CSS non ha alcun effetto sulle pagine dei prodotti woocommerce se è posizionato sul foglio di stile figlio! Questa è la mia domanda principale …
Qualche idea sul perché?
(@leohsiang)
11 mesi fa
Molto probabilmente sarà scritto da qualcos’altro se il tuo CSS è corretto.
Hai usato l’ispettore del browser per controllare?
Lanciatore di thread
(@kaiajabones)
11 mesi fa
L’ispettore di Chrome? Sì, è quello che uso per imparare a motivare un particolare elemento.
Ma come posso verificare se è trascritto?
Lanciatore di thread
(@kaiajabones)
11 mesi fa
@leohsiang tutto funziona ora! Grazie per aver sottolineato che devo chiudere le parentesi, ecc!
(@leohsiang)
11 mesi fa
Felice di sentire hear
Was this helpful?
0 / 0