[SOLVED] WordPress + Woocommerce

kepz23
(@kepz23)

10 anni, 2 mesi fa
Buonasera innanzitutto,
oggi mi sono accorto di un grave problema che affligge il mio sito.
Vado subito al punto!
Praticamente ho creato un sito con un semplice e-commerce per vendere dei prodotti tramite il plugin WooCommerce.
Ho Installato il tema SKT SPA scaricato dall’apposita sezione Temi all’interno di wordpress. Ecco qui il problema, aggiungendo più di 3 prodotti e visualizzando il sito da smartphone i prodotti non vengono visualizzati correttamente.
Mi spiego meglio, io creo per esempio 4 prodotti:
– Prodotto1
– Prodotto2
– Prodotto3
– Prodotto4

Visualizzando lo shop da smartphone e cliccando per esempio su Prodotto2 vengono rimandato a Prodotto4, cliccando su Prodotto3 vengo rimandato sempre su Prodotto4. Non capisco a cosa sia dovuto questo problema, considerando che il tema dovrebbe essere compatibile con WooCommerce.
Vi lascio pure un link esempio di un sito
( ovviamente da visualizzare via smartphone ). La cosa strana risulta essere anche l’impaginazione che anziché essere disposti ( su smartphone ) due per riga sono:
Prodotto1 Prodotto2
Prodotto3
Prodotto4
Prodotto5 Prodotto6

Spero di riuscire a trovare grazie al vostro aiuto una soluzione, per qualunque chiarimento sono a vostra disposizione.
Grazie per l’attenzione!
- Questo topic è stato modificato 10 anni, 2 mesi fa da Cristiano Zanca.

Stai visualizzando 7 risposte - dal 1 al 7 (di 7 totali)

Moderator Guido Scialfa
(@wido)

10 anni, 2 mesi fa
Ciao @kepz23,

Potresti linkare il sito in questione così da poter fare un confronto? Se possibile proprio la pagina dove si verifica il problema.

Nell’attesa prova a verificare due cose se sai come effettuare un debug remoto:

1. Che le url degli elementi anchor siano corretti, ovvero puntino alla pagina corretta.
Mi riferisco a quelli che trovi direttamente nel markup.

2. Che gli elementi prodotto fra di loro non abbiano elementi che si sovrappongano.
Intendo, non sapendo bene la problematica, possibile che in mobile qualche elemento del prodotto4 che è un link a prodotto stesso si sovrapponga agli altri prodotti?

Da desktop invece:

3. Il problema hai detto si verifica solo su smartphone? Hai provato ridimensionando la finestra del browser sulla versione desktop, ricaricare la pagina e verificare che funzioni tutto correttamente?

4. In caso il punto 3 dia esito positivo, se hai modo di usare ispeziona elemento su chrome, hai la possibilità di simulare dei devices mobile, verifica che il problema si presenti anche in caso di emulazione.

Attendo tuo riscontro.
- Questa risposta è stata modificata 10 anni, 2 mesi fa da Guido Scialfa. Motivo: chiarifica meglio la risposta
Chi ha creato la discussione kepz23
(@kepz23)

10 anni, 2 mesi fa
Per prima cosa ti ringrazio per la risposta velocissima!
Allora ti linko un sito di prova
http://sitopoint.altervista.org/?product_cat=categoria1
Come puoi vedere se entri da un smartphone i prodotti non sono visualizzati
Prodotto1 prodotto2
Prodotto3 prodotto4
Ma
Prodotto1 prodotto2
Prodotto3
Prodotto4
E la cosa strana è che prodotto1 e prodotto3 sono uguali al prodotto4 mentre per il prodotto2 tutta funziona correttamente.
Se provi a cliccare te ne accorgerai!
Comunque si verifica su tutti gli smartphone ( mentre non su i tablet ). Ho provato tramite Google chrome tramite gli strumenti sviluppatore e provare la visione da telefono e si presenta il problema.
Spero di essere stati più chiaro! Grazie ancora per l’aiuto. Sono a tua disposizione per qualunque chiarimento!
- Questa risposta è stata modificata 10 anni, 2 mesi fa da kepz23.
Moderator Guido Scialfa
(@wido)

10 anni, 2 mesi fa

Ciao,

Dunque ho testato su chrome in emulazione entrambi i problemi non si presentano.
Provato inoltre sui seguenti dispositivi fisici : samsung s4 con kitkat e iPad mini 4 nessuno dei problemi si è presentato.

Ha già effettuato uno svuotamento della cache del browser?
Prova in incognito/privato sui dispositivi mobile.

Chi ha creato la discussione kepz23
(@kepz23)

10 anni, 2 mesi fa

Il problema è che oggi un cliente mi ha contattato riscontrando questo problema e provando è capitato anche a me! Cliccando sullo spazio dedicato all’immagine ( perché cliccando su acquista invece funziona tutto perfettamente ). Da iPad mini ho provato e il problema non si presenta, mentre da smartphone si ( ho provato da più di uno,non solo dal mio ).

EDIT: ti chiedo perdono si era attivato un altro template, e in quello funziona. Prova adesso che ho ripristinato il template che uso nel mio sito
Maurizio Pelizzone
(@miziomon)

10 anni, 2 mesi fa
Ciao, ho fatto un test con il link che hai dato ed effetivamente sembra un problema legato al tema.
Viene usata una lista che uno strato comportamento dei blocchi che risultano con un float left e right.
Ci sarebbero alcuni fix da fare via css…

IMO – Il “clear – both” non va messo su ogni elemento “li” e la seconda colonna non dovrebbe avere un “float – left”

Entrare nel dettaglio diventa difficile, e se non sei in grado di sistemarli ti suggerisco di cambiarre template. (magari prendendoli dalla directory ufficiale di woocommerce dove sei sicuro del funzionamento)
- Questa risposta è stata modificata 10 anni, 2 mesi fa da Maurizio Pelizzone.
- Questa risposta è stata modificata 10 anni, 2 mesi fa da Maurizio Pelizzone.
Moderator Guido Scialfa
(@wido)

10 anni, 2 mesi fa
Ciao,

Si il problema è il float ed il clear, il prodotto 3 ( copy ) come pensavo si sovrappone agli altri.

Prova questo snippet di css da inserire nel tema se predispone di un’area custom css, oppure crea un child theme ed inserisci le righe direttamente nello style del child.
```
@media only screen and (max-width: 768px) {
    .woocommerce ul.products li.product {
        float : left !important;
        clear : none !important;
    }

    .woocommerce ul.products li.product:nth-child(2n+2) {
        float : right !important;
    }   
}
```
Chi ha creato la discussione kepz23
(@kepz23)

10 anni, 2 mesi fa

Guarda non voglio parlare troppo… ma FUNZIONA!
Ti ringrazio veramente e ringrazio anche Maurizio. Spero di non avere altri problemi!
Grazie ancora!