Come Personalizzare la Posizione del Pulsante "Aggiungi al Carrello" di WooCommerce nella Pagina Prodotto

Question

Come Personalizzare la Posizione del Pulsante "Aggiungi al Carrello" di WooCommerce nella Pagina Prodotto

18 set 2013, 22:50:19

Visualizzazioni: 53.9K

Voti: 2

Quali file (o più file, se necessari) devo modificare per riorganizzare la Pagina Prodotto?

Voglio apportare alcune modifiche di base al layout predefinito della pagina prodotto di WooCommerce. Nello specifico, voglio posizionare la sezione Ordini subito sotto il Prezzo e spostare la descrizione più in basso. In altre parole, voglio scambiare la Descrizione Breve con gli Elementi dell'Ordine (Attributi, Aggiungi al Carrello, SKU, ecc.). Ecco uno screenshot di quello che voglio fare: http://d.pr/i/YGAY

Blake Miller

59

php personalizzazione plugin

Commenti

Dai un'occhiata alla mia risposta qui: http://wordpress.stackexchange.com/a/113189/22534. A proposito, queste sono molte domande, il concetto di questo sito è fare domande relative a un singolo problema risolvibile.

Nicolai Grossherr

18 set 2013 22:53:03

Grazie @ialocin. Ho già visto quelle pagine di "struttura" e ho passato parecchio tempo a modificare vari file senza successo. Scusa se hai interpretato male la mia domanda, ma era intesa come singola (e specifica):

Quale file (o file, se più di uno) devo modificare per riorganizzare la Pagina Prodotto come mostrato nel mio screenshot?

Voglio solo spostare il pulsante Acquista Ora e il Selettore Attributi sopra la Descrizione Prodotto.

Grazie ancora.

Blake Miller

21 set 2013 17:04:49

Nessun problema, sto solo cercando di aiutare. Vedi, quello che hai scritto nel tuo commento è un problema con cui io - o qualcun altro - può lavorare. Ti posterò una risposta su come risolverlo. Potresti per favore riscrivere la tua domanda per riflettere questo? Grazie!

Nicolai Grossherr

21 set 2013 17:44:24

Tutte le risposte alla domanda

Commenti

È passato un po' di tempo, ma ti ringrazio per il tuo aiuto. Ha funzionato! Una volta capito il metodo, ho apportato altre modifiche. Ho anche cambiato la mia domanda originale per adattarla meglio al mio problema. Grazie ancora @ialocin

Blake Miller

5 ott 2013 15:02:45

@BlakeMiller Quando vuoi, sono contento che tu l'abbia capito e ora possa utilizzarlo ulteriormente! Se è una risposta corretta, metti un segno di spunta, così chiunque arrivi alla domanda in seguito saprà che è corretta.

Nicolai Grossherr

5 ott 2013 15:17:54

Come posso posizionarlo sopra il pulsante Aggiungi al carrello ma sotto le variazioni?

MF1

20 gen 2017 21:30:26

@MF1 Non sono sicuro, devi verificarlo tu stesso. Buona fortuna!

Nicolai Grossherr

23 gen 2017 15:08:26

Nicolai Grossherr 18.9K · Accepted Answer · 2013-09-21T18:03:36Z

Puoi fare ciò che vuoi agganciandoti all'azione woocommerce_single_product_summary. L'azione viene eseguita all'interno di content-single-product.php in questo modo:

    <?php
        /**
         * Hook woocommerce_single_product_summary
         *
         * @hooked woocommerce_template_single_title - 5
         * @hooked woocommerce_template_single_price - 10
         * @hooked woocommerce_template_single_excerpt - 20
         * @hooked woocommerce_template_single_add_to_cart - 30
         * @hooked woocommerce_template_single_meta - 40
         * @hooked woocommerce_template_single_sharing - 50
         */
        do_action( 'woocommerce_single_product_summary' );
    ?>

Sopra puoi vedere la descrizione/documentazione delle parti agganciate, il numero rappresenta la priorità e/o l'ordine.

Puoi modificare la priorità/ordine rimuovendo e riaggiungendo le parti di cui vuoi cambiare la posizione - in questo modo:

    /** woocommerce: cambia la posizione di add-to-cart nella pagina singola del prodotto **/
    remove_action( 'woocommerce_single_product_summary', 
               'woocommerce_template_single_add_to_cart', 30 );
    add_action( 'woocommerce_single_product_summary', 
            'woocommerce_template_single_add_to_cart', 9 );

Aggiungi questo codice nel tuo file functions.php per renderlo effettivo. La parte di add-to-cart ora dovrebbe apparire dopo il titolo e prima del prezzo, se vuoi che appaia dopo il prezzo - per esempio - scegli un numero - nel codice sopra, nella riga add_action() - tra 11 e 19 - sono sicuro che ora hai capito il principio.