{"id":28919,"date":"2021-05-30T15:58:00","date_gmt":"2021-05-30T12:58:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28919"},"modified":"2021-10-17T04:31:14","modified_gmt":"2021-10-17T01:31:14","slug":"anpassa-woocommerce-produktsokning-pa-din-wordpress-webbplats","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/anpassa-woocommerce-produktsokning-pa-din-wordpress-webbplats\/","title":{"rendered":"Anpassa WooCommerce-produkts\u00f6kning p\u00e5 din WordPress-webbplats"},"content":{"rendered":"

Vill du anpassa WooCommerce-produkts\u00f6kningen i din webbutik? WooCommerce tillhandah\u00e5ller en separat butikssida f\u00f6r en lista \u00f6ver produkter. Genom att \u00e4ndra produkts\u00f6kningar kan din kund filtrera sin \u00f6nskade produkt p\u00e5 sj\u00e4lva butiksidan. I den h\u00e4r artikeln studerar vi hur du anpassar en WooCommerce-produkts\u00f6kning p\u00e5 WordPress-webbplatsen.<\/p>\n

WordPress kommer med det inbyggda s\u00f6kformul\u00e4ret. N\u00e4r en anv\u00e4ndare anger ett nyckelord i ett s\u00f6kf\u00e4lt omdirigeras de till s\u00f6ksidan d\u00e4r inneh\u00e5ll relaterat till nyckelordet visas. I WordPress ser s\u00f6ksidan normalt ut som en sida med inl\u00e4ggsf\u00f6rteckning.<\/p>\n

Detta s\u00f6kfl\u00f6de \u00e4r perfekt f\u00f6r CMS-webbplatser. Men n\u00e4r det g\u00e4ller WooCommerce m\u00e5ste vi \u00e4ndra detta fl\u00f6de.<\/p>\n

F\u00f6r WooCommerce, n\u00e4r en anv\u00e4ndare s\u00f6ker efter produkten ska den visa det filtrerade resultatet p\u00e5 butiksidan. Det \u00e4r inte meningsfullt att visa resultatet i ett format p\u00e5 en inl\u00e4ggsf\u00f6rteckningssida.<\/p>\n

L\u00e5t mig f\u00f6rklara det genom sk\u00e4rmdumparna.<\/p>\n

I mitt fall anv\u00e4nder jag temat "tjugofemton". Jag installerade plugin-programmet WooCommerce och f\u00e5 produkter listas p\u00e5 min butiksida.<\/p>\n

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

N\u00e4r jag nu anger s\u00f6kordet "utveckling" i s\u00f6kf\u00e4ltet kommer det att omdirigeras till en sida d\u00e4r jag ser produkten som visas i sk\u00e4rmdumpen nedan.<\/p>\n

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

Det h\u00e4r \u00e4r n\u00e5got vi inte vill ha p\u00e5 en webbplats. N\u00e4r allt kommer omkring \u00e4r det en onlinebutik s\u00e5 vi f\u00f6redrar att produkts\u00f6kning ska filtreras bort p\u00e5 butiksidan som nedan.<\/p>\n

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

Med detta sagt, l\u00e5t oss se hur du anpassar produkts\u00f6kning i WooCommerce.<\/p>\n

Anpassa produkts\u00f6kning av WooCommerce<\/h3>\n

WooCommerce lagrar alla produkter med post_type ’produkt’. F\u00f6r att uppn\u00e5 v\u00e5rt m\u00e5l m\u00e5ste vi skicka parameter post_type=product<\/code>i s\u00f6kadressen.<\/p>\n

I grund och botten, n\u00e4r vi trycker p\u00e5 s\u00f6kknappen m\u00e5ste vi \u00e4ndra URL<\/p>\n

YOUR_SITE_URL \/? S = utveckling<\/p>\n

Med<\/p>\n

YOUR_SITE_URL \/? S = utveckling & post_type = produkt<\/p>\n

F\u00f6r detta m\u00e5ste vi skapa en searchform.php<\/code>fil i v\u00e5rt aktiva temas katalog. Detta \u00e4r filen fr\u00e5n vilken WordPress visar ett s\u00f6kformul\u00e4r. Om den h\u00e4r filen inte finns i en temamapp \u00e5terges s\u00f6kformul\u00e4ret fr\u00e5n WordPress-k\u00e4rnfilen. Utvecklaren ska skapa den h\u00e4r filen i temamappen om den inte finns.<\/p>\n

Om du redan har searchform.php<\/code>ett tema, beh\u00f6ver du bara l\u00e4gga till ett dolt f\u00e4lt i formul\u00e4ret som visas i koden nedan.<\/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
H\u00e4r b\u00f6r du l\u00e4gga till lite CSS i det h\u00e4r formul\u00e4ret och matcha det med din webbdesign.<\/p>\n
Observera att vi har passerat ett dolt f\u00e4lt med namnet ’post_type’ och v\u00e4rdet som ’produkt’. Detta \u00e4r den faktiska logiken f\u00f6r att anpassa produkts\u00f6kningen i WooCommerce.<\/p>\n
F\u00f6rs\u00f6k nu att ange ett produktnamn i s\u00f6kf\u00e4ltet, det omdirigerar dig till butiksidan. Och p\u00e5 butiksidan kommer du att se det filtrerade resultatet relaterat till nyckelordet.<\/p>\n
Jag hoppas att du f\u00f6rst\u00e5r hur du anpassar WooCommerce-produkts\u00f6kningen p\u00e5 din WordPress-webbplats. Jag skulle vilja h\u00f6ra dina tankar och f\u00f6rslag i kommentarsektionen nedan.<\/p>\n
relaterade artiklar<\/h4>\n