Un utente ha chiesto
Categoria: Customify di WordPress
Domanda: Modifica del layout del negozio Woocommerce (pagina catalogo prodotti)

Ciao prima di tutto grazie mille per il fantastico tema. Sembra fantastico e do la tua valutazione di 5 stelle.

La mia domanda:

Il layout di pagina del negozio woocommerce predefinito per il grande schermo è

woocommerce-sidebar (col-3) | ciclo del prodotto (col-9)

Come posso cambiarlo in col-12 per entrambi poiché ho bisogno di un caricatore a tutta larghezza con filtri orizzontali in cima.

Inoltre, nei dispositivi di piccole dimensioni, la barra laterale scende in fondo al catalogo (prodotti visualizzati), possibilmente nella parte superiore dei prodotti visualizzati.

Potete guidarmi alla pagina appropriata dove posso modificare questi codici.

Grazie ancora.

  • (@pressmassimo)

    Ciao @garykarki,

    Non è necessario modificare il codice sorgente per rendere la pagina del negozio a tutta larghezza, abbiamo già questa opzione. Devi solo aprire la pagina di modifica del negozio, selezionare il layout della barra laterale è Contenuto (senza barre laterali): https://cl.ly/8c5a0b213eb0

    In secondo luogo, aggiungi questo a Personalizza => CSS aggiuntivo per posizionare la barra laterale in alto quando vedi sul cellulare:

    @media  ( max-width: 499px ) {
    #main { order: 2 ; }
    }

    Spero questo sia di aiuto!

    (@garykarki)

    Grazie per la tua risposta rapida.

    Quando cambio il layout della barra laterale in Contenuto (senza barre laterali), S, la pagina del negozio è stata modificata al 100%, ma la barra laterale con i filtri scompare. Ho tutti i filtri nella barra laterale.

    Tutto ciò di cui ho bisogno è,

    – Nella tua mente
    – Barra laterale al 100% di larghezza (per aggiungere filtri come l’elenco a discesa degli attributi)
    – Elenco prodotti 100% larghezza
    – Piè di pagina

    Pensi che questo tema sia capace di questo layout?

    Il vostro aiuto è molto apprezzato.

    Saluti,
    Gary

    (@pressmassimo)

    Ciao @garykarki,

    Puoi provare ad aggiungere questo:

    body.post-type-archive-product #main,
    body.post-type-archive-product #sidebar-primary { max-width: 100%; flex-basic: 100%; }
    body.post-type-archive-product #main { order: 2; }
    

    Fammi sapere come va!

    (@garykarki)

    Incredibile ha funzionato. Come posso valutare il tuo servizio a 5 stelle.

    È un tema straordinario con ancora più sorprendenti le tue risposte rapide.

    Grazie.

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *