{"id":25077,"date":"2021-05-30T16:22:00","date_gmt":"2021-05-30T13:22:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25077"},"modified":"2021-10-17T20:32:05","modified_gmt":"2021-10-17T17:32:05","slug":"mukauta-woocommerce-tuotehaku-wordpress-sivustollasi","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/mukauta-woocommerce-tuotehaku-wordpress-sivustollasi\/","title":{"rendered":"Mukauta WooCommerce-tuotehaku WordPress-sivustollasi"},"content":{"rendered":"<p>Haluatko mukauttaa WooCommerce-tuotehaun verkkokaupassasi? WooCommerce tarjoaa erillisen myym\u00e4l\u00e4sivun luettelolle tuotteista. Tuotehakuja muokkaamalla asiakas voi suodattaa haluamansa tuotteen itse kauppasivulle. T\u00e4ss\u00e4 artikkelissa tutkitaan WooCommerce-tuotehaun mukauttamista WordPress-verkkosivustolla.<\/p>\n<p>WordPressin mukana tulee sis\u00e4\u00e4nrakennettu hakulomake. Kun k\u00e4ytt\u00e4j\u00e4 kirjoittaa jonkin avainsanan hakukentt\u00e4\u00e4n, h\u00e4n ohjaa hakusivulle, jossa avainsanaan liittyv\u00e4 sis\u00e4lt\u00f6 n\u00e4kyy. WordPressiss\u00e4 hakusivu n\u00e4ytt\u00e4\u00e4 tavallisesti postituslistalta.<\/p>\n<p>T\u00e4m\u00e4 hakuvirta on ihanteellinen CMS-verkkosivustoille. Mutta kun on kyse WooCommercest\u00e4, meid\u00e4n on muokattava t\u00e4t\u00e4 kulkua.<\/p>\n<p>WooCommercen tapauksessa k\u00e4ytt\u00e4j\u00e4n tulee n\u00e4ytt\u00e4\u00e4 suodatettu tulos myym\u00e4l\u00e4sivulla, kun k\u00e4ytt\u00e4j\u00e4 hakee tuotetta. Ei ole j\u00e4rkev\u00e4\u00e4 n\u00e4ytt\u00e4\u00e4 tulosta postituslista-sivun muodossa.<\/p>\n<p>Haluan selitt\u00e4\u00e4 sen kuvakaappausten kautta.<\/p>\n<p>Minun tapauksessani k\u00e4yt\u00e4n teemaa &#8217;kaksikymment\u00e4viisi&#8217;. Asensin WooCommerce-laajennuksen ja muutama tuote on lueteltu my shop-sivulla.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20403-6081ecdabfdf3.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20403-6081ecdabfdf3.png\" alt=\"Mukauta WooCommerce-tuotehaku WordPress-sivustollasi\" ><\/a><\/p>\n<p>Kun kirjoitan hakukentt\u00e4\u00e4n avainsanan sanan &#8217;kehitys&#8217;, se ohjaa sivulle, jolla n\u00e4en tuotteen, kuten alla olevassa kuvakaappauksessa n\u00e4kyy.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20403-6081ecdb55042.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20403-6081ecdb55042.png\" alt=\"Mukauta WooCommerce-tuotehaku WordPress-sivustollasi\" ><\/a><\/p>\n<p>T\u00e4t\u00e4 emme halua verkkosivustolta. Loppujen lopuksi se on verkkokauppa, joten mieluummin tuotehaku tulisi suodattaa myym\u00e4l\u00e4n sivulle kuten alla.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20403-6081ecdc2a832.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20403-6081ecdc2a832.png\" alt=\"Mukauta WooCommerce-tuotehaku WordPress-sivustollasi\" ><\/a><\/p>\n<p>T\u00e4m\u00e4n sanotaan, katsotaanpa, miten r\u00e4\u00e4t\u00e4l\u00f6id\u00e4\u00e4n tuotehaku WooCommercessa.<\/p>\n<h3>Mukauta WooCommercen tuotehaku<\/h3>\n<p>WooCommerce tallentaa kaikki tuotteet post_type-tuotteella. Tavoitteen saavuttamiseksi meid\u00e4n on annettava parametri <code>post_type=product<\/code>haun URL-osoitteessa.<\/p>\n<p>Pohjimmiltaan, kun painamme hakupainiketta, meid\u00e4n on muutettava URL-osoitetta<\/p>\n<p>YOUR_SITE_URL \/? S = kehitys<\/p>\n<p>Kanssa<\/p>\n<p>YOUR_SITE_URL \/? S = kehitys ja post_type = tuote<\/p>\n<p>T\u00e4t\u00e4 varten meid\u00e4n on luotava <code>searchform.php<\/code>tiedosto aktiivisen teeman hakemistoon. T\u00e4m\u00e4 on tiedosto, josta WordPress n\u00e4ytt\u00e4\u00e4 hakulomakkeen. Jos t\u00e4t\u00e4 tiedostoa ei l\u00f6ydy teemakansiosta, hakulomake hahmotellaan WordPressin ydintiedostosta. Kehitt\u00e4j\u00e4n tulisi luoda t\u00e4m\u00e4 tiedosto teemakansioon, jos sit\u00e4 ei ole.<\/p>\n<p>Jos sinulla on jo <code>searchform.php<\/code>oma teema, sinun tarvitsee vain lis\u00e4t\u00e4 piilotettu kentt\u00e4 lomakkeeseen alla olevan koodin mukaisesti.<\/p>\n<p><strong>searchform.php<\/strong><\/p>\n<pre><code>&lt;form method=\"get\" action=\"&lt;?php echo home_url('\/'); ?&gt;\"&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;input type=\"text\" name=\"s\" placeholder=\"What you are looking for?\" value=\"&lt;?php the_search_query(); ?&gt;\"&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;input type=\"hidden\" name=\"post_type\" value=\"product\"&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<p>T\u00e4ss\u00e4 sinun tulisi lis\u00e4t\u00e4 CSS t\u00e4h\u00e4n lomakkeeseen ja sovittaa se verkkosivustosi suunnitteluun.<\/p>\n<p>Huomaa, ett\u00e4 olemme ohittaneet piilotetun kent\u00e4n, jonka nimi on post_type ja arvo tuotteena. T\u00e4m\u00e4 on todellinen logiikka tuotehaun mukauttamiseksi WooCommercessa.<\/p>\n<p>Yrit\u00e4 nyt kirjoittaa mik\u00e4 tahansa tuotenimi hakukentt\u00e4\u00e4n, se ohjaa sinut kaupan sivulle. Ja kaupan sivulla n\u00e4et suodatetun avainsanaan liittyv\u00e4n tuloksen.<\/p>\n<p>Toivon, ett\u00e4 ymm\u00e4rr\u00e4t WooCommerce-tuotehaun mukauttamisen WordPress-verkkosivustollasi. Haluaisin kuulla ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.<\/p>\n<h4>Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/pikaopas-woocommerce-rest-sovellusliittymasta\/\" title=\"Pikaopas WooCommerce REST -sovellusliittym\u00e4st\u00e4\" >Pikaopas WooCommerce REST -sovellusliittym\u00e4st\u00e4<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-mukautettuja-paatepisteita-wordpress-sovellusliittymaan\/\" title=\"Kuinka lis\u00e4t\u00e4 mukautettuja p\u00e4\u00e4tepisteit\u00e4 WordPress-sovellusliittym\u00e4\u00e4n\" >Kuinka lis\u00e4t\u00e4 mukautettuja p\u00e4\u00e4tepisteit\u00e4 WordPress-sovellusliittym\u00e4\u00e4n<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/aiheeseen-liittyvien-tuotteiden-nayttaminen-woocommerce-rest-sovellusliittyman-avulla\/\" title=\"Aiheeseen liittyvien tuotteiden n\u00e4ytt\u00e4minen WooCommerce REST -sovellusliittym\u00e4n avulla\" >Aiheeseen liittyvien tuotteiden n\u00e4ytt\u00e4minen WooCommerce REST -sovellusliittym\u00e4n avulla<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jos sinulla on verkkokauppa WooCommercessa, todenn\u00e4k\u00f6isesti olet mukauttamassa WooCommerce-tuotehakua WordPress-verkkosivustolla.<\/p>\n","protected":false},"author":1,"featured_media":21667,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[610],"tags":[843],"class_list":["post-25077","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/25077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=25077"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/25077\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/21667"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=25077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=25077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=25077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}