{"id":25057,"date":"2021-05-30T15:51:00","date_gmt":"2021-05-30T12:51:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25057"},"modified":"2021-10-18T02:35:43","modified_gmt":"2021-10-17T23:35:43","slug":"passen-sie-die-woocommerce-produktsuche-auf-ihrer-wordpress-site-an","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/passen-sie-die-woocommerce-produktsuche-auf-ihrer-wordpress-site-an\/","title":{"rendered":"Passen Sie die WooCommerce-Produktsuche auf Ihrer WordPress-Site an"},"content":{"rendered":"<p>M\u00f6chten Sie die WooCommerce-Produktsuche in Ihrem Online-Shop anpassen? WooCommerce bietet eine separate Shop-Seite f\u00fcr eine Auflistung von Produkten. Durch die \u00c4nderung der Produktsuche kann Ihr Kunde sein gew\u00fcnschtes Produkt auf der Shopseite selbst filtern. In diesem Artikel untersuchen wir, wie Sie eine WooCommerce-Produktsuche auf der WordPress-Website anpassen k\u00f6nnen.<\/p>\n<p>WordPress wird mit dem integrierten Suchformular geliefert. Wenn ein Benutzer ein Schl\u00fcsselwort in ein Suchfeld eingibt, wird er auf die Suchseite umgeleitet, auf der der Inhalt des Schl\u00fcsselworts angezeigt wird. In WordPress sieht die Suchseite normalerweise wie eine Beitragsliste aus.<\/p>\n<p>Dieser Suchablauf ist ideal f\u00fcr CMS-Websites. Aber wenn es um WooCommerce geht, m\u00fcssen wir diesen Flow \u00e4ndern.<\/p>\n<p>Bei WooCommerce sollte ein Benutzer, wenn er nach dem Produkt sucht, das gefilterte Ergebnis auf der Shop-Seite anzeigen. Es macht keinen Sinn, das Ergebnis im Format einer Beitragsliste anzuzeigen.<\/p>\n<p>Lassen Sie es mich anhand der Screenshots erkl\u00e4ren.<\/p>\n<p>In meinem Fall verwende ich das Thema &#8218;twentyfifteen&#8216;. Ich habe das WooCommerce-Plugin installiert und auf meiner Shop-Seite sind nur wenige Produkte aufgef\u00fchrt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20403-6081ecdabfdf3.png\"><\/a><\/p>\n<p>Wenn ich nun das Schl\u00fcsselwort &quot;Entwicklung&quot; in das Suchfeld eingebe, wird es auf eine Seite weitergeleitet, auf der ich das Produkt sehe, wie im Screenshot unten gezeigt.<\/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=\"Passen Sie die WooCommerce-Produktsuche auf Ihrer WordPress-Site an\" ><\/a><\/p>\n<p>Das ist etwas, was wir auf einer Website nicht wollen. Schlie\u00dflich ist es ein Online-Shop, daher bevorzugen wir, dass die Produktsuche auf der Shop-Seite wie unten gefiltert werden sollte.<\/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=\"Passen Sie die WooCommerce-Produktsuche auf Ihrer WordPress-Site an\" ><\/a><\/p>\n<p>Sehen wir uns jedoch an, wie Sie die Produktsuche in WooCommerce anpassen k\u00f6nnen.<\/p>\n<h3>Passen Sie die Produktsuche von WooCommerce an<\/h3>\n<p>WooCommerce speichert alle Produkte mit dem post_type &#8218;product&#8216;. Um unser Ziel zu erreichen, m\u00fcssen wir Parameter <code>post_type=product<\/code>in der Such-URL \u00fcbergeben.<\/p>\n<p>Grunds\u00e4tzlich m\u00fcssen wir die URL \u00e4ndern, wenn wir auf die Suchschaltfl\u00e4che klicken<\/p>\n<p>YOUR_SITE_URL\/?s=Entwicklung<\/p>\n<p>Mit<\/p>\n<p>YOUR_SITE_URL\/?s=Entwicklung&#038;post_type=Produkt<\/p>\n<p>Dazu m\u00fcssen wir eine <code>searchform.php<\/code>Datei im Verzeichnis unseres aktiven Themes erstellen. Dies ist die Datei, aus der WordPress ein Suchformular anzeigt. Wenn diese Datei nicht in einem Themenordner gefunden wird, wird das Suchformular aus der Kerndatei von WordPress gerendert. Der Entwickler sollte diese Datei im Theme-Ordner erstellen, wenn sie nicht existiert.<\/p>\n<p>Wenn Sie <code>searchform.php<\/code>Ihr Thema bereits kennen, m\u00fcssen Sie dem Formular nur ein ausgeblendetes Feld hinzuf\u00fcgen, wie im folgenden Code gezeigt.<\/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>Hier sollten Sie diesem Formular etwas CSS hinzuf\u00fcgen und es mit Ihrem Website-Design abgleichen.<\/p>\n<p>Beachten Sie, dass wir ein verstecktes Feld mit dem Namen &#8218;post_type&#8216; und dem Wert als &#8218;product&#8216; \u00fcbergeben haben. Dies ist die eigentliche Logik zur Anpassung der Produktsuche in WooCommerce.<\/p>\n<p>Versuchen Sie nun, einen beliebigen Produktnamen in das Suchfeld einzugeben, es leitet Sie auf die Shop-Seite weiter. Und auf der Shop-Seite sehen Sie das gefilterte Ergebnis zum Keyword.<\/p>\n<p>Ich hoffe, Sie verstehen, wie Sie die WooCommerce-Produktsuche auf Ihrer WordPress-Website anpassen k\u00f6nnen. Ich w\u00fcrde gerne Ihre Gedanken und Vorschl\u00e4ge im Kommentarbereich unten h\u00f6ren.<\/p>\n<h4>Zum Thema passende Artikel<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/eine-kurzanleitung-zur-woocommerce-rest-api\/\" title=\"Eine Kurzanleitung zur WooCommerce REST API\" >Eine Kurzanleitung zur WooCommerce REST API<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-fugen-sie-benutzerdefinierte-endpunkte-zur-wordpress-api-hinzu\/\" title=\"So f\u00fcgen Sie benutzerdefinierte Endpunkte zur WordPress-API hinzu\" >So f\u00fcgen Sie benutzerdefinierte Endpunkte zur WordPress-API hinzu<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-zeigen-sie-verwandte-produkte-mit-der-woocommerce-rest-api-an\/\" title=\"So zeigen Sie verwandte Produkte mit der WooCommerce REST API an\" >So zeigen Sie verwandte Produkte mit der WooCommerce REST API an<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wenn Sie einen Online-Shop in WooCommerce betreiben, m\u00f6chten Sie wahrscheinlich die WooCommerce-Produktsuche auf der WordPress-Website anpassen.<\/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":[607],"tags":[845],"class_list":["post-25057","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/25057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=25057"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/25057\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/21667"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=25057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=25057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=25057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}