• I have noticed that there is a problem in mobile. when i do a research or add a filter and want to see the page with all results, the template becomes different from the standard layout of other categories, images become smaller and do not fit good to the display, badges are bigger than standard. Also if I use the standard woocommerce product ordering, the template and dimensions of products changes. This only from mobile.
    Is there a solution?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Salve,
    i badge hanno dimensione fissa con larghezza 70px. Ci sta che a mobile siano troppo grandi.
    Potresti applicare del custom css per ottenere un risultato migliore, come ad esempio:

    @media (max-width: 600px) {
    .wcpb-product-badges-badge {
        max-width: 50px;
    }
    }

    Ma è cmq un plugin aggiuntivo ad aggiungere quei badge, non proteo.

    Per quanto riguarda altri problemi, riesci a caricare uno screeshot su qualche servizio e mettere qui il link?

    Thread Starter gcavarza

    (@gcavarza)

    https://drive.google.com/file/d/1JieD92RSeZ-PqauEBFE6VnHdw0m9AUfR/view?usp=sharing
    https://drive.google.com/file/d/1W14aDc5CahN3nUy3ThaSs8tePcFdDtZu/view?usp=sharing

    Questi sono 2 screenshot da cellulare della stessa categoria . Quello con le immagini piu grandi è utilizzando l’ordinamento predefinito di woocommerce, mentre quello con le immagini piu piccole è dopo aver impostato l’ordinamento dei prodotti per “valutazione media” e sembra che il template sia cambiato. Lo stesso vale se faccio una ricerca prodotti per nome o altra caratteristica, la pagina del risultato della ricerca ha il template sbagliato con le immagini piu piccole.
    Attualmente per far comparire i prodotti in due colonne nel mobile ho inserito il codice :

    body {
        width: 100vw;
        overflow-x: hidden;
    }
    
    @media (max-width: 600px) {
        ul.products, .wc-block-grid ul.wc-block-grid__products {
            grid-template-columns: repeat(2, 1fr);
      }
    }
    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Salve,
    il codice usato è corretto.
    Per quanto riguarda il template, non c’è alcun cambio di template…quello in uso è sempre lo stesso (quello originale di WooCommerce, non sovrascritto, ma solo stilizzato).
    Potresti indirizzarmi a un url specifico in modo che io possa fare ulteriori test?

    Thread Starter gcavarza

    (@gcavarza)

    Allora , l’altro giorno ho fatto ancora delle prove perchè riscontravo delle anomalie nella visualizzazione di alcune categorie prodotto; se entravo loggandomi come administrator, vedevo un templete (stilizzato) mentre se non ero loggato vedevo il template corretto, questo sempre da cellulare. Allora ho provato in altri cellulari e non riscontravo lo stesso problema. A quel punto sono entrato nel menu applicazioni del cellulare ed ho svuotato manualmente la cache per il browser internet del cellulare. A quel punto il problema dello stile del sito non si è piu presentato. problema risolto, era una incongruenza della cache tra sito e il mio dispositivo. A questo proposito c’è un modo per impostare nel sito che la cache dei dispositivi venga aggiornata o eliminata? io uso WP-Rocket e la cache la cancello e rigenero spesso ed anche in automatico quando un articolo o prodotto viene modificato. pero sembra che sul dispositivo invece la cache non venga aggiornata correttamente. Qualche suggerimento?? una volta nel precedente tema “desirè sexy shop” c’era un opzione per eliminare la cache del tema, in certe situazioni era utile.

    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Salve di nuovo,
    dovresti vedere se su wp-rocket hai possibilità di impostare cache diverse tra desktop e mobile. Credo che ci sia questa opzione, magari chiedi a loro o controlla la loro documentazione.
    Lo “svuota cache” del vecchio tema Desire serviva a cancellare il file CSS proveniente dalle opzioni del customizer. Non era una vera e propria cache ??

    Thread Starter gcavarza

    (@gcavarza)

    Ciao e scusa ancora. Un problema che non riesco a risolvere.
    Le miniature dei prodotti all interno delle categorie vanno bene eccetto quelle di una categoria in particolare che si vedono malissimo. di standard la configurazione nel tema per le miniature è impostata a :

    Larghezza dell’immagine principale 300

    Larghezza della miniatura 300

    Ritaglio della miniatura

    Personalizzato 3 : 5

    Tutto bene per le categorie eccetto la categoria numero 9997. Per questa categoria vorrei adottare il ritaglio personalizzato 3 : 3 è possibile fare questa modifica solo per tale categoria?

    Grazie mille dell aiuto preziosissimo

    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Ciao, no purtroppo non è possibile se non ricorrendo a customizzazioni lato php che dovrebbero essere create appositamente per questo caso.
    Come soluzione semplice io ti consiglio di generare delle immagini con la corrette proporzioni aggiungendo, dove e se manca, un colore di background alla porzione di immagine che verrà aggiunto. Questo ovviamente da fare a monte, cioè prima di caricare l’immagine sul sito

    Thread Starter gcavarza

    (@gcavarza)

    Capisco ed immaginavo fosse la soluzione più veloce. Il fatto è che queste immagini vengono caricate direttamente dal sito del fornitore ( il mio è un sito di dropshipping) e gli articoli caricati da questo fornitore sono centinaia e modificare manualmente tutte queste immagini è quasi improponibile. I prodotti di questo fornitore sono gli unici all interno di una categoria specifica. Per questo chiedevo se c’era un modo per modificare la proporzione delle thumbnails di questa categoria.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[NSFW] Search result page template mobile’ is closed to new replies.