{"id":25384,"date":"2021-05-30T16:29:00","date_gmt":"2021-05-30T13:29:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25384"},"modified":"2021-10-18T03:07:04","modified_gmt":"2021-10-18T00:07:04","slug":"personalizza-la-ricerca-di-prodotti-woocommerce-sul-tuo-sito-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/personalizza-la-ricerca-di-prodotti-woocommerce-sul-tuo-sito-wordpress\/","title":{"rendered":"Personalizza la ricerca di prodotti WooCommerce sul tuo sito WordPress"},"content":{"rendered":"

Vuoi personalizzare la ricerca dei prodotti WooCommerce sul tuo negozio online? WooCommerce fornisce una pagina del negozio separata per un elenco di prodotti. Modificando le ricerche dei prodotti, il tuo cliente pu\u00f2 filtrare il prodotto desiderato nella pagina del negozio stessa. In questo articolo, studiamo come personalizzare la ricerca di un prodotto WooCommerce sul sito Web di WordPress.<\/p>\n

WordPress viene fornito con il modulo di ricerca integrato. Quando un utente immette una parola chiave in un campo di ricerca, verr\u00e0 reindirizzato alla pagina di ricerca in cui verr\u00e0 visualizzato il contenuto correlato alla parola chiave. In WordPress, la pagina di ricerca normalmente ha l’aspetto di una pagina di elenco dei post.<\/p>\n

Questo flusso di ricerca \u00e8 ideale per i siti Web CMS. Ma, quando si tratta di WooCommerce, dobbiamo modificare questo flusso.<\/p>\n

Per WooCommerce, quando un utente cerca il prodotto dovrebbe mostrare il risultato filtrato nella pagina del negozio. Non ha alcun senso mostrare il risultato nel formato di una pagina di elenco dei post.<\/p>\n

Lascia che te lo spieghi attraverso gli screenshot.<\/p>\n

Nel mio caso, sto usando il tema "ventiquindici". Ho installato il plugin WooCommerce e alcuni prodotti sono elencati nella mia pagina del negozio.<\/p>\n

\"Personalizza<\/a><\/p>\n

Ora, quando inserisco la parola chiave "sviluppo" nel campo di ricerca, verr\u00e0 reindirizzato a una pagina in cui vedo il prodotto come mostrato nello screenshot qui sotto.<\/p>\n

\"Personalizza<\/a><\/p>\n

Questo \u00e8 qualcosa che non vogliamo su un sito web. Dopotutto, \u00e8 un negozio online, quindi preferiamo che la ricerca del prodotto venga filtrata nella pagina del negozio come di seguito.<\/p>\n

\"Personalizza<\/a><\/p>\n

Detto questo, vediamo come personalizzare la ricerca dei prodotti in WooCommerce.<\/p>\n

Personalizza la ricerca dei prodotti di WooCommerce<\/h3>\n

WooCommerce memorizza tutti i prodotti con il "prodotto" post_type. Per raggiungere il nostro obiettivo, dobbiamo passare il parametro post_type=product<\/code>nell’URL di ricerca.<\/p>\n

Fondamentalmente, quando premiamo il pulsante di ricerca, dobbiamo modificare l’URL<\/p>\n

YOUR_SITE_URL\/?s=sviluppo<\/p>\n

Con<\/p>\n

YOUR_SITE_URL\/?s=development&post_type=product<\/p>\n

Per questo, dobbiamo creare un searchform.php<\/code>file nella directory del nostro tema attivo. Questo \u00e8 il file da cui WordPress visualizza un modulo di ricerca. Se questo file non viene trovato in una cartella del tema, il modulo di ricerca viene visualizzato dal file principale di WordPress. Lo sviluppatore dovrebbe creare questo file nella cartella del tema se non esiste.<\/p>\n

Se hai gi\u00e0 il searchform.php<\/code>tuo tema, devi solo aggiungere un campo nascosto al modulo come mostrato nel codice sottostante.<\/p>\n

searchform.php<\/strong><\/p>\n

<form method=\"get\" action=\"<?php echo home_url('\/'); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" name=\"s\" placeholder=\"What you are looking for?\" value=\"<?php the_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type\" value=\"product\">\n<\/form><\/code><\/pre>\n
Qui, dovresti aggiungere del CSS a questo modulo e abbinarlo al design del tuo sito web.<\/p>\n
Nota che abbiamo passato un campo nascosto con il nome ‘post_type’ e il valore come ‘prodotto’. Questa \u00e8 la vera logica per personalizzare la ricerca del prodotto in WooCommerce.<\/p>\n
Ora, prova a inserire qualsiasi nome di prodotto nel campo di ricerca, ti reindirizzer\u00e0 alla pagina del negozio. E nella pagina del negozio, vedrai il risultato filtrato relativo alla parola chiave.<\/p>\n
Spero che tu capisca come personalizzare la ricerca dei prodotti WooCommerce sul tuo sito Web WordPress. Mi piacerebbe sentire i tuoi pensieri e suggerimenti nella sezione commenti qui sotto.<\/p>\n
articoli Correlati<\/h4>\n