Domande o Richieste ? al 3496993121 | Email | Preventivo
Scopri la nostra Assistenza Speciale per Wordpress

Cambiare bottone Aggiungi al carrello con Dettaglio Prodotto Woocommerce

Cambiare bottone Aggiungi al carrello con Dettaglio Prodotto Woocommerce

Voglio svelarvi un trick che vi permette di cambiare il bottone di default di Woocommerce “Aggiungi al carrello”, con un bottone che vi permette di entrare all’interno del dettaglio del prodotto.

Questa operazione può risultare utile per fare in modo che i vostri potenziali clienti, facciano l’acquisto del prodotto, solo dopo averne visualizzato le caratteristiche nel dettaglio.

Ecco a voi il codice completo, da inserire all’interno del file functions.php del vostro tema; mi raccomando, prima eseguite un backup, per evitare inconvenienti.

/*INSERISCI QUESTO FILE ALL'INTERNO DEL FILE FUNCTIONS.PHP DEL TUO TEMA*/

/*STEP 1 - FUNZIONE PER RIMUOVERE IL BOTTONE AGGIUNGI AL CARRELLO*/

function remove_loop_button(){
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
}
add_action('init','remove_loop_button');

/*STEP 2 - FUNZIONE CHE AGGIUNGE IL NUOVO PULSANTE PER ENTRARE NEL DETTAGLIO DEL PRODOTTO */

add_action('woocommerce_after_shop_loop_item','replace_add_to_cart');
function replace_add_to_cart() {
global $product;
$link = $product->get_permalink();
echo do_shortcode('<a href="'.$link.'" class="button addtocartbutton">Dettaglio Prodotto</a>'); /* cambiate la stringa in base a quello che volete scrivere */
}

Vediamolo insieme :

La prima funzione, permette semplicemente di rimuovere il pulsante “Aggiungi al carrello”. In questo modo abbiamo il campo libero, per poter inserire il nostro nuovo pulsante con la funzione nuova.

La seconda funzione, permette invece, di sostituire al precedente, il nuovo bottone con la dicitura “Dettaglio Prodotto”. Ovviamente potete cambiare la stringa a vostro piacimento.
Questo nuovo bottone vi permetterà di entrare all’interno del dettaglio del prodotto e solo successivamente aggiungerlo al carrello.

dettaglio-prodotto-woocommerce

Qualche dubbio e/o suggerimento ? Commentate e parliamone

About Emiliano

Mi chiamo Emiliano Prelle, web designer freelance, con la passione per il web e la tecnologia e tutto quello che le ronza intorno.
Mi occupo di sviluppo, progettazione e realizzazione siti internet ( sviluppati in particolare con WordPress ), grafica e SEO.

8 Commenti
  1. Ciao Emiliano e grazie per l’articolo.
    Purtroppo ho provveduto ad inserire in fondo alla pagina lo script ma non sembra funzionare … Forse sbaglio qualche cosa …
    Hai suggerimenti ?

    • Ciao Mauro,

      grazie per aver seguito la guida 🙂

      Cerchiamo di capire il problema.

      – Il codice l’hai inserito alla fine del file functions.php ? Se vuoi fai copia ed incolla del codice del file ed inviameli a questa pagina.
      Cosi vedo se è tutto corretto.

      – per scrupolo prova ad attivare un tema di default di WordPress (al posto di quello corrente), per eliminare ogni eventuale conflitto portato dal tema.

      – non succede proprio nulla dopo che inserisci il codice ?

      Fammi sapere
      Un saluto
      Emiliano

      • Ciao Emiliano,
        inserendo lo script in fondo al file Functions.php non solo il pulsante resta identico, ma se clicco sull’immagine per vedere il prodotto esce un errore sintattico

        Parse error: syntax error, unexpected T_STRING in … function.php

        Il Template che usa l’Ente per il quale sto sistemando il sito è New Maxx fatto proprio per woocommerce, quindi non credo che ci sino conflitti.

        Dov’è che sbaglio ?

        • Molto probabilmente è un errore di sintassi che viene generato dopo che copi il codice all’interno del file.

          Il codice l’ho testato sulla mia sede locale e funziona, quindi il codice che hai copiato ed incollato non contiene errori di sintassi. 😉

          Prova a fare cosi :

          – ricopia il codice che ti indico qui sotto e fai attenzione che sia proprio al fondo del file :

          /*STEP 1 – FUNZIONE PER RIMUOVERE IL BOTTONE AGGIUNGI AL CARRELLO*/

          function remove_loop_button(){
          remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’, 10 );
          }
          add_action(‘init’,’remove_loop_button’);

          /*STEP 2 – FUNZIONE CHE AGGIUNGE IL NUOVO PULSANTE PER ENTRARE NEL DETTAGLIO DEL PRODOTTO */

          add_action(‘woocommerce_after_shop_loop_item’,’replace_add_to_cart’);
          function replace_add_to_cart() {
          global $product;
          $link = $product->get_permalink();
          echo do_shortcode(‘Dettaglio Prodotto‘); /* cambiate la stringa in base a quello che volete scrivere */
          }

          – Mi scrivi esattamente l’errore che ricevi ?

          ps : per velocizzare, se mi fai vedere il file functions.php, posso vedere se il problema deriva da li 🙂

          Emiliano

          • Ciao Emiliano,
            l’errore che esce anche nella home page del sito (quindi non si vede pi il sito) è il seguente (cripto solo il nome del sito per non fare pubblicità):

            Parse error: syntax error, unexpected T_STRING in /web/htdocs/www.[nomesito].org/home/wp-content/themes/news-maxx/functions.php on line 131

            Il file Function te lo mando via mail perchè magari qui è un po lungo da trascrivere

            P.S. non ricevo le notifiche delle risposte che mi dai …

          • Ciao Mauro,

            grazie per il file.

            Te l’ho mandato corretto via email.
            Infatti era semplicemente un errore di sintassi.
            Quando hai fatto copia ed incolla c’erano degli errori di punteggiatura e dava errore.
            Prova adesso e fammi sapere

            Per le notifiche alle risposte grazie della segnalazione. Verifico 😉

            Ciao

  2. Ciao Emiliano,
    volevo ringraziarti per il supporto le la professionalità dimostrata.
    A presto

Lascia un commento

Contatti

Loranzè, via Fiorano n 83
10010 ( TO )
Cell: 3496993121
Email: Scrivimi via email
P.IVA: 11315150018
Operiamo nel rispetto della tua Privacy

desclaimer

Il sito www.emprsitiweb.com è di proprietà di Prelle Emiliano e da esso gestito. La veste grafica, le immagini ed i testi presenti nel sito sono soggetti a copyright da Prelle Emiliano e/o dei rispettivi proprietari e non possono essere riprodotti o trasmessi con nessun mezzo, né essere utilizzati in ambito professionale o commerciale senza autorizzazione scritta da Prelle Emiliano o dei legittimi proprietari.

Ultima dal Blog

Social

Resta aggiornato su WordPress !

Guide/Tutorials per WordPress

Suggerimenti e trucchi per WordPress

Un Report 100% gratuito che ti aiuta ad evitare gli errori più comuni per il tuo sito WordPress

Se ti iscrivi, riceverai periodicamente : 

Rispettiamo la privacy. La tua Email verrà solo utilizzata per questa newsletter, e non sarà ceduti a terzi.

Grazie per la tua iscrizione !

Miraccomando : Clicca sul seguente LINK, per visionare tutte le informazioni ed i dettagli relativi alla tua iscrizione !

Ti anticipo, che devi cliccare sul link di conferma che ti ho appena inviato al tuo indirizzo email per poter essere iscritto correttamente alla newsletter. Questo ti permetterà di ricevere tutti gli aggiornamenti ed il report free, sui 25 errori più comuni di WordPress, che ho preparato per te !

Nella mail troverai tutte le informazioni del caso.

Nb: Se la mail non arriva subito, non preoccuparti; causa ritardi del server può impiegarci anche fino a 2 ore.

I 25 Errori WordPress più comuni da evitare 

Iscrivendoti al blog ricevi gratuitamente una report in cui ti mostro i 25 errori più comuni che commettono i principianti in WordPress in fase di realizzazione di un Sito Web. 

Iscriviti ed ottieni il report gratuito !

*Lo scarichi in 5 secondi. 100% Gratis

Rispettiamo la privacy. La tua Email verrà solo utilizzata per questa newsletter.

Grazie per la tua iscrizione

Miraccomando : Clicca sul seguente LINK, per visionare tutte le informazioni ed i dettagli relativi alla tua iscrizione !

Ti anticipo, che devi cliccare sul link di conferma che ti ho appena inviato al tuo indirizzo email per poter essere iscritto correttamente alla newsletter. Questo ti permetterà di ricevere tutti gli aggiornamenti ed il report free, sui 25 errori più comuni di WordPress, che ho preparato per te !

Nella mail troverai tutte le informazioni del caso.

Nb: Se la mail non arriva subito, non preoccuparti; causa ritardi del server può impiegarci anche fino a 2 ore.