{"id":28192,"date":"2021-05-19T10:15:00","date_gmt":"2021-05-19T07:15:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28192"},"modified":"2021-10-17T04:49:21","modified_gmt":"2021-10-17T01:49:21","slug":"sa-har-visar-du-relaterade-produkter-med-hjalp-av-woocommerce-rest-api","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/sa-har-visar-du-relaterade-produkter-med-hjalp-av-woocommerce-rest-api\/","title":{"rendered":"S\u00e5 h\u00e4r visar du relaterade produkter med hj\u00e4lp av WooCommerce REST API"},"content":{"rendered":"<p>N\u00e4r det g\u00e4ller webbutiker \u00e4r det uppenbart att visa relaterade produkter p\u00e5 den enskilda produktdetaljsidan. Det hj\u00e4lper dina kunder att visa liknande produkter som de kanske vill k\u00f6pa. Det \u00f6kar ocks\u00e5 anv\u00e4ndarengagemang p\u00e5 din webbplats. N\u00e4r mer tid kunder tillbringar i din butik finns det st\u00f6rre chanser att de skulle k\u00f6pa dina produkter. I den h\u00e4r artikeln visar jag dig hur du visar relaterade produkter med hj\u00e4lp av WooCommerce REST API.<\/p>\n<p>I denna handledning kommer jag att h\u00e4mta alla produkter som \u00e4r relaterade till den aktuella produkten och sedan visa den. Jag l\u00e4nkar ocks\u00e5 varje produkt till sin detalj.<\/p>\n<p>Exemplet som f\u00f6rklaras i den h\u00e4r artikeln kan ocks\u00e5 g\u00e4lla f\u00f6r WooCommerce-webbplatsen. Man kan anv\u00e4nda denna teknik och visa relaterade produkter utan att anv\u00e4nda n\u00e5got plugin. Det ger dig mer kontroll \u00f6ver utformningen och markeringen f\u00f6r din produktsida.<\/p>\n<h3>F\u00e5 din konsumentnyckel och konsumenthemlighet<\/h3>\n<p>N\u00e4r du best\u00e4mmer dig f\u00f6r att b\u00f6rja med WooCommerce REST API m\u00e5ste du f\u00f6rst f\u00e5 din konsumentnyckel och konsumenthemlighet. Dessa nycklar \u00e4r identifikationen f\u00f6r butiken och n\u00f6dv\u00e4ndiga n\u00e4r du ringer till WooCommerce API. Du kan l\u00e4sa mer om det i deras <a href=\"https:\/\/woocommerce.github.io\/woocommerce-rest-api-docs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dokumentation<\/a>.<\/p>\n<p>Installera f\u00f6rst WooCommerce-plugin p\u00e5 din webbplats. <strong>G\u00e5<\/strong> sedan \u00f6ver till sidan <strong>WooCommerce-&gt; Inst\u00e4llningar<\/strong>. Klicka p\u00e5 fliken Avancerat och sedan p\u00e5 REST API-l\u00e4nken.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b1b4391.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-20557-608204b1b4391.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade produkter med hj\u00e4lp av WooCommerce REST API\" ><\/a><\/p>\n<p>Klicka p\u00e5 knappen &quot;Skapa en API-nyckel&quot; p\u00e5 den h\u00e4r sidan.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b21fb3e.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-20557-608204b21fb3e.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade produkter med hj\u00e4lp av WooCommerce REST API\" ><\/a><\/p>\n<p>Ange beskrivningen, v\u00e4lj l\u00e4sbeh\u00f6righet och tryck p\u00e5 knappen Skapa API-nyckel. Du kan ocks\u00e5 v\u00e4lja &quot;L\u00e4s \/ skriv&quot; -beh\u00f6righet. Det beror p\u00e5 ditt krav. Om du bara beh\u00f6ver l\u00e4sa data fr\u00e5n WooCommerce v\u00e4ljer du alternativet &quot;L\u00e4s&quot;. Och om du vill g\u00f6ra b\u00e5de l\u00e4s- och skrivoperationer \u00e4r ditt uppenbara alternativ &quot;L\u00e4s \/ skriv&quot;. H\u00e4r inriktar vi oss bara p\u00e5 relaterade produkter s\u00e5 &#8217;L\u00e4s&#8217; tillst\u00e5nd \u00e4r tillr\u00e4ckligt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.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-20557-608204b2947e2.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade produkter med hj\u00e4lp av WooCommerce REST API\" ><\/a><\/p>\n<p>Kopiera din konsumentnyckel och konsumenthemlighet som kr\u00e4vs n\u00e4r du ger API-samtal.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.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-20557-608204b2947e2.png\" alt=\"S\u00e5 h\u00e4r visar du relaterade produkter med hj\u00e4lp av WooCommerce REST API\" ><\/a><\/p>\n<h3>WooCommerce REST API f\u00f6r att f\u00e5 relaterade produkter<\/h3>\n<p>N\u00e4r du \u00e4r redo med din konsumentnyckel och konsumenthemlighet kan vi b\u00f6rja med koden som ger ett API-samtal till WooCommerce-slutpunkten. Eftersom vi m\u00e5ste h\u00e4mta relaterade produkter f\u00f6rst m\u00e5ste vi f\u00e5 en enskild produkts data via API. Detta beror p\u00e5 att vi normalt visar v\u00e5ra liknande produkter p\u00e5 den enskilda produktsidan.<\/p>\n<p>Eftersom vi beh\u00f6ver skicka HTTP-f\u00f6rfr\u00e5gningar, installera Guzzle-biblioteket med kommandot nedan.<\/p>\n<pre><code>composer require guzzlehttp\/guzzle<\/code><\/pre>\n<p>Guzzle \u00e4r en PHP HTTP-klient som g\u00f6r det enkelt att skicka HTTP-f\u00f6rfr\u00e5gningar och trivialt att integrera med webbtj\u00e4nster.<\/p>\n<p>Slutligen, l\u00e5t oss skriva en kod f\u00f6r att f\u00e5 en enda produkt och sedan \u00e4r det relaterade produkter. N\u00e4r WooCommerce returnerar produktens data, som svar inneh\u00e5ller den ocks\u00e5 &#8217;related_ids&#8217; -tangenten tillsammans med v\u00e4rdena. Dessa v\u00e4rden \u00e4r inget annat \u00e4n relaterade produkt-id. S\u00e5 i samband med detta kommer v\u00e5r PHP-kod att vara som f\u00f6ljer.<\/p>\n<pre><code>&lt;?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\u00a0\nuse GuzzleHttpClient;\n\u00a0\ndefine('WC_CONSUMER_KEY', 'PASTE_CONSUMER_KEY_HERE');\ndefine('WC_CONSUMER_SECRET', 'PASTE_CONSUMER_SECRET_HERE');\n\u00a0\u00a0\n$client = new Client([\n\u00a0\u00a0\u00a0\u00a0\/\/ Base URI is used with relative requests\n\u00a0\u00a0\u00a0\u00a0'base_uri' =&gt; 'YOUR_DOMAIN_BASE_URL',\n]);\n\u00a0\ntry {\n\u00a0\u00a0\u00a0\u00a0$response = $client-&gt;request('GET', '\/wp-json\/wc\/v3\/products\/PRODUCT_ID_HERE', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" =&gt; \"Basic \". base64_encode(WC_CONSUMER_KEY.':'.WC_CONSUMER_SECRET)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'verify' =&gt; false, \/\/only needed if you are facing SSL certificate issue\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$body = $response-&gt;getBody();\n\u00a0\u00a0\u00a0\u00a0$arr_body = json_decode($body);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$response = $client-&gt;request('GET', '\/wp-json\/wc\/v3\/products', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" =&gt; \"Basic \". base64_encode(WC_CONSUMER_KEY.':'.WC_CONSUMER_SECRET)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'query' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'include' =&gt; $arr_body-&gt;related_ids,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'verify' =&gt; false,\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$body = $response-&gt;getBody();\n\u00a0\u00a0\u00a0\u00a0$arr_products = json_decode($body);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!empty($arr_products)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0foreach ($arr_products as $product) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0?&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;p&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;a href=\"&lt;?php echo $product-&gt;permalink; ?&gt;\"&gt;&lt;?php echo $product-&gt;name; ?&gt;&lt;\/a&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/p&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;?php\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n} catch (Exception $e) {\n\u00a0\u00a0\u00a0\u00a0echo $e-&gt;getMessage();\n}<\/code><\/pre>\n<p>Ers\u00e4tt platsh\u00e5llaren &#8217;PRODUCT_ID_HERE&#8217; med det verkliga v\u00e4rdet. I ovanst\u00e5ende kod skickar jag &quot;inklusive&quot; -parametern som en matris med relaterade_id. WooCommerce ger oss som svar all information om produkterna. Sedan slingrar vi genom den och visar produkttiteln och dess l\u00e4nk. Anv\u00e4ndaren kan ocks\u00e5 skriva ut \u00f6vriga data fr\u00e5n svaret.<\/p>\n<h4>relaterade artiklar<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/en-snabbguide-om-rest-api-for-woocommerce\/\" title=\"En snabbguide om WooCommerce REST API\">En snabbguide om WooCommerce REST API<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/anpassa-woocommerce-produktsokning-pa-din-wordpress-webbplats\/\" title=\"S\u00e5 h\u00e4r anpassar du WooCommerce-produkts\u00f6kning p\u00e5 din WordPress-webbplats\">S\u00e5 h\u00e4r anpassar du WooCommerce-produkts\u00f6kning p\u00e5 din WordPress-webbplats<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vill du visa relaterade produkter i din webbutik som bygger p\u00e5 WooCommerce? I den h\u00e4r artikeln visar vi dig varmt att anv\u00e4nda ett API f\u00f6r att visa relatera<\/p>\n","protected":false},"author":1,"featured_media":20723,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[318,614],"tags":[850],"class_list":["post-28192","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-databas","category-uncategorized-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/28192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=28192"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/28192\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/20723"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=28192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=28192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=28192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}