{"id":233651,"date":"2023-02-19T13:55:00","date_gmt":"2023-02-19T10:55:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233651"},"modified":"2022-11-11T00:50:43","modified_gmt":"2022-11-10T21:50:43","slug":"looge-kohandatud-woocommercei-tootevahekaarte-taepsemate-kohandatud-vaeljadega","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/looge-kohandatud-woocommercei-tootevahekaarte-taepsemate-kohandatud-vaeljadega\/","title":{"rendered":"Looge kohandatud WooCommerce&#8217;i tootevahekaarte t\u00e4psemate kohandatud v\u00e4ljadega"},"content":{"rendered":"\n<p>Kui vaatate toodet <a href=\"https:\/\/woocommerce.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WooCommerce&#8217;is<\/a>, kuvatakse toote teave vahekaartidel. Need vahelehed on fikseeritud ja loodud WooCommerce&#8217;i poolt v\u00e4ljaspool teie kontrolli. See postitus n\u00e4itab teile, kuidas lisada koodi, mis v\u00f5imaldab autoritel lisada toodetele kohandatud sisuga vahekaarte.<\/p>\n<p>Kohustustest loobumine: seda funktsiooni pakub WooCommerce&#8217;i laiendus nimega <a href=\"https:\/\/woocommerce.com\/products\/woocommerce-tab-manager\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WooCommerce Tab Manager<\/a>. See pole siiski tasuta. Ma ei ole seda ise testinud, kuid niipalju kui ma n\u00e4en, toetab see vahekaardi sisu jaoks ainult WYSIWYG-redaktorit (see on see, mida n\u00e4ete). See postitus on m\u00f5eldud teile, kes soovite vahekaardi sisu peenh\u00e4\u00e4lestada v\u00f5i soovite koodi ise kirjutada, ilma teise pistikprogrammi eest maksmata.<\/p>\n<p>Protsessi lihtsustamiseks kasutame pluginat <a href=\"https:\/\/www.advancedcustomfields.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Advanced Custom Fields (ACF).<\/a> Kuid kui te ei soovi pistikprogrammi kasutada, peaksite saama \u00fcsna h\u00f5lpsalt asendada ACF-i osa oma kohandatud koodiga. ACF on saadaval <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tasuta versioonina<\/a> ja <a href=\"https:\/\/www.advancedcustomfields.com\/pro\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Pro versioonina<\/a>. ACF Pro-s on suurep\u00e4rane v\u00e4ljat\u00fc\u00fcp: repiiter, mis sobib suurep\u00e4raselt selliseks kasutamiseks. Kui teil aga ei ole Pro-litsentsi v\u00f5i soovite seda osta, \u00e4rge muretsege. Allolev koodi\u00f5petus n\u00e4itab teile, kuidas lisada v\u00e4lju nii tasuta versiooni kui ka Pro versiooni repiiteri abil.<\/p>\n<p>Kui te pole ACF-iga veel tuttav, siis ACF aitab meil h\u00f5lpsalt seadistada post-meta v\u00e4ljasid \u2013 k\u00f5ikv\u00f5imalikke. Saate h\u00f5lpsasti lisada redaktori, failivalija, kuup\u00e4eva- v\u00f5i v\u00e4rvivalija, mitme valiku ja \u00fcmberj\u00e4rjestamise toega postituse v\u00f5i kategooria valija ja palju muud. Sama saame ka ilma ACF-ita, kuid siis peaksime ise kodeerima metakasti sisu kuvamise ja salvestamise.<\/p>\n<h2>Mida me teeme<\/h2>\n<p>Lihtsamalt \u00f6eldes tahame lubada tootevaatesse kohandatud vahekaartide lisamist. Iga vahekaart toetab pealkirja, mis kuvatakse vahekaardi sildina, ja sisu, mis kuvatakse vahekaardil kl\u00f5psamisel. Kohandatud vahekaardid s\u00f5ltuvad teie projekti t\u00fc\u00fcbist v\u00f5i vajadustest; v\u00f5ib-olla vajate vahekaarte tehniliste andmete jaoks, failide (nt kasutusjuhendid jms), lisateavet v\u00f5i kohandatud p\u00e4ringut, mis kuvab seotud tooteid.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e196664e9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e196664e9.png\" alt=\"Looge kohandatud WooCommerce&#039;i tootevahekaarte t\u00e4psemate kohandatud v\u00e4ljadega\" ><\/a><\/p>\n<p>Selles \u00f5petuses hoiame selle lihtsana, lisades vahekaardi sisu jaoks WYSIWYG-redaktori. Nagu \u00fclalpool mainitud, on lihtne rakendada muid v\u00e4ljat\u00fc\u00fcpe (nt faile v\u00f5i postitusp\u00e4ringut), see on lihtsalt erinevus koodis, mille jaoks kirjutate, kuvab vahekaardi sisu \u2013 mis pole selle \u00f5petusega seotud.<\/p>\n<p>Kui teil on ACF Pro ja soovite kasutada repiiterit mitme vahekaardi h\u00f5lpsaks lisamiseks; j\u00e4tke j\u00e4rgmine jaotis vahele. Kui teil on ainult ACF-i tasuta versioon, j\u00e4tkake. Repiiteri v\u00e4lja puudumise puuduseks on see, et peate m\u00e4\u00e4ratlema kindla arvu vahekaarte. Seega ei saa autor teha piiramatul arvul vahekaarte nagu repiiteriga. Kuid see tasuta lahendus t\u00f6\u00f6tab suurep\u00e4raselt veebipoodides, kus soovite lihtsalt konkreetseid (arvu) kohandatud vahekaarte.<\/p>\n<h2>\u00d5petus ACF-i tasuta versiooni jaoks<\/h2>\n<h3>ACF v\u00e4ljade lisamine<\/h3>\n<p>Uue metakasti lisamine v\u00e4ljadega on ACF-iga v\u00e4ga lihtne. Teil on kaks v\u00f5imalust; kasutage k\u00f5ige seadistamiseks ACF-i kasutajaliidest v\u00f5i lisage v\u00e4ljad koodi j\u00e4rgi. Tavaliselt on v\u00e4ljade seadistamine administraatoris. Kui aga peate tagama, et v\u00e4ljad eksisteerivad mitmel WordPressi saidil (nt kohaliku hosti arendus, testserver ja reaalajas server), v\u00f5ib olla kasulik lisada v\u00e4ljad oma teemas v\u00f5i pistikprogrammis koodi j\u00e4rgi.<\/p>\n<p>Peate seadistama j\u00e4rgmise:<\/p>\n<ul>\n<li>R\u00fchm, mis kuvatakse, kui postituse t\u00fc\u00fcp v\u00f5rdub WooCommerce&#8217;i toodetega<\/li>\n<li>Vahekaardi pealkirja tekstisisend<\/li>\n<li>\u00dcksk\u00f5ik millise(d) v\u00e4lja(d) vahekaardi sisu jaoks soovite. N\u00e4itena lisame WYSIWYG-redaktori.<\/li>\n<li>(Valikuline) T\u00e4iendavad vahelehtede pealkirjad ja vahelehtede sisu nii paljude vahekaartide jaoks, mida soovime toetada.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e197a93a6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e197a93a6.png\" alt=\"Looge kohandatud WooCommerce&#039;i tootevahekaarte t\u00e4psemate kohandatud v\u00e4ljadega\" ><\/a><\/p>\n<p>Pidage meeles v\u00e4ljade nimesid, kuna peate neile hiljem viitama. Olen m\u00e4\u00e4ranud vahekaardi pealkirjaks <code>tab_title<\/code>ja v\u00e4lja WYSIWYG kui <code>tab_contents<\/code>.<\/p>\n<p>Kui soovite pigem v\u00e4ljad koodi j\u00e4rgi lisada, on siin n\u00e4ide. Lisage see oma teema <code>functions.php<\/code>v\u00f5i pistikprogrammi faili:<\/p>\n<pre><code>if (class_exists('acf')) {\n    add_action('acf\/init', function() {\n        $fields = [\n            [\n                'key' =&gt; 'field_tab_title',\n                'label' =&gt; __('Custom tab title', 'txtdomain'),\n                'name' =&gt; 'tab_title',\n                'type' =&gt; 'text',\n            ],\n            [\n                'key' =&gt; 'field_tab_contents',\n                'label' =&gt; __('Custom tab content', 'txtdomain'),\n                'name' =&gt; 'tab_contents',\n                'type' =&gt; 'wysiwyg',\n                'tabs' =&gt; 'all',\n                'toolbar' =&gt; 'full',\n                'media_upload' =&gt; 1,\n                'delay' =&gt; 0,\n            ],\n        ];\n\u00a0\n        acf_add_local_field_group([\n            'key' =&gt; 'group_custom_woocommerce_tabs',\n            'title' =&gt; __('Custom Tabs', 'txtdomain'),\n            'fields' =&gt; $fields,\n            'label_placement' =&gt; 'top',\n            'menu_order' =&gt; 0,\n            'style' =&gt; 'default',\n            'position' =&gt; 'normal',\n            'location' =&gt; [\n                [\n                    [\n                        'param' =&gt; 'post_type',\n                        'operator' =&gt; '==',\n                        'value' =&gt; 'product'\n                    ]\n                ]\n            ],\n        ]);\n    });\n}<\/code><\/pre>\n<p>Kui soovite rohkem kui \u00fchte vahekaarti, lisage p\u00e4rast <code>line #19<\/code>. \u00c4rge unustage hoida <code>name<\/code>ainulaadset.<\/p>\n<p>Toote redigeerimisel peaksime n\u00e4gema seda metakasti:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e198aac0f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e198aac0f.png\" alt=\"Looge kohandatud WooCommerce&#039;i tootevahekaarte t\u00e4psemate kohandatud v\u00e4ljadega\" ><\/a><\/p>\n<h3>Kohandatud vahekaartide v\u00e4ljastamine<\/h3>\n<p>WooCommerce v\u00f5imaldab meil <code>woocommerce_product_tabs<\/code>vahekaartidega manipuleerimiseks filtreerida. Selle filtri argumendina saate k\u00f5igi vahekaartide massiivi. Massiiv koosneb iga vahekaardi massiividest, millel on ainulaadsed v\u00f5tmed. Kuid iga vahekaardi massiiv ei sisalda vahekaardi sisu tegelikku v\u00e4ljundit. Selle asemel ootab see tagasihelistamist \u2013 funktsiooni nime, mida WooCommerce vahekaardi sisu v\u00e4ljastamiseks k\u00e4ivitab.<\/p>\n<p>Kui olete funktsiooni sees, saate kasutada <code>global $post<\/code>juurdep\u00e4\u00e4su praegusele postitusobjektile v\u00f5i kui soovite, et WooCommerce genereeriks tooteobjekti, tehke lihtsalt <code>global $product<\/code>. ACF-i funktsiooniga kohandatud v\u00e4ljade v\u00e4\u00e4rtuse toomiseks vajame postituse ID-d <code>[get_field](https:\/\/www.advancedcustomfields.com\/resources\/get_field\/)()<\/code>. Allolevas koodin\u00e4ites hangime ainult vahekaardi pealkirja ja kontrollime, kas see on t\u00fchi v\u00f5i mitte. Kui see pole nii, lisab see massiivile uue vahekaardi. Vahekaarte, mille pealkiri on t\u00fchi, on m\u00f5istlik mitte lisada.<\/p>\n<pre><code>if (class_exists('acf') &amp;&amp; class_exists('WooCommerce')) {\n    add_filter('woocommerce_product_tabs', function($tabs) {\n        global $post, $product;  \/\/ Access to the current product or post\n        $custom_tab_title = get_field('tab_title', $post-&gt;ID);\n\u00a0\n        if (!empty($custom_tab_title)) {\n            $tabs['awp-'. sanitize_title($custom_tab_title)] = [\n                'title' =&gt; $custom_tab_title,\n                'callback' =&gt; 'awp_custom_woocommerce_tabs',\n                'priority' =&gt; 10\n            ];\n        }\n        return $tabs;\n    });\n\u00a0\n    function awp_custom_woocommerce_tabs($key, $tab) {\n        global $post;\n\u00a0\n        ?&gt;&lt;h2&gt;&lt;?php echo $tab['title']; ?&gt;&lt;\/h2&gt;&lt;?php\n\u00a0\n        $custom_tab_contents = get_field('tab_contents', $post-&gt;ID);\n        echo $custom_tab_contents;\n    }\n}<\/code><\/pre>\n<p>Pange t\u00e4hele, et saate <code>priority<\/code>vahekaardi asukoha juhtimiseks kasutada klahvi. N\u00e4iteks kui m\u00e4\u00e4rate selle v\u00e4\u00e4rtusele 1, kuvatakse teie vahekaart esimesena, enne k\u00f5iki WooCommerce&#8217;i vahekaarte. <code>callback<\/code>M\u00e4\u00e4rake elemendile &quot; &quot; funktsiooni nimi. Reas <code>#17<\/code>m\u00e4\u00e4ratleme funktsiooni, mida WooCommerce vahekaardi sisu v\u00e4ljastamiseks k\u00e4ivitab.<\/p>\n<p>Need vahekaardi tagasihelistamise funktsioonid saavad kaks parameetrit; praeguse vahekaardi k\u00f5igi v\u00e4\u00e4rtuste v\u00f5ti ja massiivielement. Tagasihelistamisfunktsioonis v\u00e4ljastame uuesti vahelehe pealkirja, viidates pakutavale <code>$tab<\/code>massiivile. WooCommerce kordab nende vahelehtede pealkirju a sees, <code>h2<\/code>nii et me teeme sama. Seej\u00e4rel kasutame <code>get_field()<\/code>vahekaardi sisu v\u00e4\u00e4rtuse leidmiseks ja lihtsalt selle v\u00e4\u00e4rtuse kordamiseks. Kohandage joont <code>#23<\/code>, et see sobiks teie lisatud v\u00e4ljat\u00fc\u00fcpidega (nt postiobjekti valija, pildid v\u00f5i midagi muud).<\/p>\n<p>Pange t\u00e4hele, et olen koondanud k\u00f5ik if-kontrolli, mis kontrollib, kas nii WooCommerce kui ka ACF on aktiveeritud v\u00f5i mitte. See on hea tava, et v\u00e4ltida saidi purunemist.<\/p>\n<p>Ja <strong>ongi k\u00f5ik<\/strong>! Olete n\u00fc\u00fcd edukalt loonud koodi kohandatud WooCommerce&#8217;i vahekaartide lisamiseks!<\/p>\n<p>Kui soovite seda teha ACF Pro repiiteriv\u00e4ljaga, et toetada piiramatut arvu vahekaarte, lugege edasi.<\/p>\n<h2>\u00d5petus ACF Pro ja repiiteri jaoks<\/h2>\n<h3>ACF v\u00e4ljade lisamine<\/h3>\n<p>Lisage oma r\u00fchm, kasutades ACF-i administraatoriliidest v\u00f5i lisades need oma teema v\u00f5i pistikprogrammide failides oleva koodi j\u00e4rgi. Peame seadistama j\u00e4rgmise:<\/p>\n<ul>\n<li>R\u00fchm, mis kuvatakse, kui postituse t\u00fc\u00fcp v\u00f5rdub WooCommerce&#8217;i tootega<\/li>\n<li>Repiiter j\u00e4rgmiste alamv\u00e4ljadega:\n<ul>\n<li>Vahekaardi pealkirja tekstisisend<\/li>\n<li>\u00dcksk\u00f5ik millise(d) v\u00e4lja(d) vahekaardi sisu jaoks soovite.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>ACF-i administraatori abil saate selle seadistada j\u00e4rgmiselt:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e19a1ed6d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e19a1ed6d.png\" alt=\"Looge kohandatud WooCommerce&#039;i tootevahekaarte t\u00e4psemate kohandatud v\u00e4ljadega\" ><\/a><\/p>\n<p>V\u00f5i saate r\u00fchma lisada koodi j\u00e4rgi j\u00e4rgmiselt:<\/p>\n<pre><code>if (class_exists('acf')) {\n    add_action('acf\/init', function() {\n        $fields = [\n            [\n                'key' =&gt; 'field_custom_tabs_repeater',\n                'label' =&gt; __('Custom tabs', 'txtdomain'),\n                'name' =&gt; 'custom_tabs_repeater',\n                'type' =&gt; 'repeater',\n                'layout' =&gt; 'row',\n                'button_label' =&gt; __('Add new tab', 'txtdomain'),\n                'sub_fields' =&gt; [\n                    [\n                        'key' =&gt; 'field_tab_title',\n                        'label' =&gt; __('Tab title', 'txtdomain'),\n                        'name' =&gt; 'tab_title',\n                        'type' =&gt; 'text',\n                    ],\n                    [\n                        'key' =&gt; 'field_tab_contents',\n                        'label' =&gt; __('Tab content', 'txtdomain'),\n                        'name' =&gt; 'tab_contents',\n                        'type' =&gt; 'wysiwyg',\n                        'tabs' =&gt; 'all',\n                        'toolbar' =&gt; 'full',\n                        'media_upload' =&gt; 1,\n                        'delay' =&gt; 0,\n                    ],\n                ],\n            ],\n        ];\n\u00a0\n        acf_add_local_field_group([\n            'key' =&gt; 'group_custom_woocommerce_tabs',\n            'title' =&gt; __('Custom Tabs', 'txtdomain'),\n            'fields' =&gt; $fields,\n            'label_placement' =&gt; 'top',\n            'menu_order' =&gt; 0,\n            'style' =&gt; 'default',\n            'position' =&gt; 'normal',\n            'location' =&gt; [\n                [\n                    [\n                        'param' =&gt; 'post_type',\n                        'operator' =&gt; '==',\n                        'value' =&gt; 'product'\n                    ]\n                ]\n            ],\n        ]);\n    });\n}<\/code><\/pre>\n<p>M\u00f5lemal juhul peaksite toodete redigeerimisel j\u00f5udma selle metakastini:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e19e02c1d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152607-61e4e19e02c1d.png\" alt=\"Looge kohandatud WooCommerce&#039;i tootevahekaarte t\u00e4psemate kohandatud v\u00e4ljadega\" ><\/a><\/p>\n<h3>Kohandatud vahekaartide v\u00e4ljastamine<\/h3>\n<p>Kohandatud vahekaartide v\u00e4ljastamine on v\u00e4ga sarnane sellele, mida tegime \u00fclalpool tasuta versiooni puhul. Filtreerime <code>woocommerce_product_tabs<\/code>, kuid siin vaatame l\u00e4bi iga korduva \u00fcksuse repiiterist. Vajame viisi, kuidas klahvide abil tuvastada repiiteri iga element, nii et loome v\u00f5tme ise, kasutades silmuse positsiooni ja vahekaardi pealkirja slug-versiooni. Tagasihelistamise funktsioonis eraldame v\u00f5tmest silmusepositsiooni ja kasutame seda meie repiiteri massiivile viitamiseks.<\/p>\n<pre><code>if (class_exists('acf') &amp;&amp; class_exists('WooCommerce')) {\n    add_filter('woocommerce_product_tabs', function($tabs) {\n        global $post, $product;  \/\/ Access to the current product or post\n        $custom_tabs_repeater = get_field('custom_tabs_repeater', $post-&gt;ID);\n\u00a0\n        if (!empty($custom_tabs_repeater)) {\n            $counter = 0;\n            $start_at_priority = 10;\n            foreach ($custom_tabs_repeater as $custom_tab) {\n                $tab_id = $counter. '_'. sanitize_title($custom_tab['tab_title']);\n                $tabs[$tab_id] = [\n                    'title' =&gt; $custom_tab['tab_title'],\n                    'callback' =&gt; 'awp_custom_woocommerce_tabs',\n                    'priority' =&gt; $start_at_priority++\n                ];\n                $counter++;\n            }\n        }\n        return $tabs;\n    });\n\u00a0\n    function awp_custom_woocommerce_tabs($key, $tab) {\n        global $post;\n\u00a0\n        ?&gt;&lt;h2&gt;&lt;?php echo $tab['title']; ?&gt;&lt;\/h2&gt;&lt;?php\n\u00a0\n        $custom_tabs_repeater = get_field('custom_tabs_repeater', $post-&gt;ID);\n        $tab_id = explode('_', $key);\n        $tab_id = $tab_id[0];\n\u00a0\n        echo $custom_tabs_repeater[$tab_id]['tab_contents'];\n    }\n}<\/code><\/pre>\n<p>Filtrifunktsiooni sees hangime repiiteri v\u00e4\u00e4rtuse ja kontrollime, kas see pole t\u00fchi. Seej\u00e4rel defineerime loenduri muutuja, mis algab 0-st (massiivid algavad alati positsiooniga 0), mida suurendame 1-ga iga ts\u00fckli sees oleva elemendi jaoks (real <code>#18<\/code>). Iga kordus\u00fcksuse ts\u00fcklis m\u00e4\u00e4rame need k\u00f5ik samale tagasihelistamise funktsioonile. Kasutame WordPressi funktsiooni <code>[sanitize_title](https:\/\/developer.wordpress.org\/reference\/functions\/sanitize_title\/)()<\/code>, et teisendada vahekaardi pealkiri selle sluug-versiooniks ja lisada see v\u00f5tmele.<\/p>\n<p>Rea tagasihelistamisfunktsioonis <code>#31 - 32<\/code>teeme loenduri v\u00e4\u00e4rtuse eraldamiseks (mis algab 0-st ja suureneb iga \u00fcksuse puhul 1 v\u00f5rra) m\u00f5ningaid lihtsaid stringidega manipuleerimisi. Seej\u00e4rel kasutame seda lihtsalt repiiteri massiivi indeksina, et tuua \u00f5ige vahekaardi sisuv\u00e4li.<\/p>\n<p>Ja <strong>ongi k\u00f5ik<\/strong>! Olete n\u00fc\u00fcd WooCommerce&#8217;is rakendanud piiramatu arvu kohandatud vahekaarte!<\/p>\n<p>Pidage meeles, et saate WYSIWYG asendada mis tahes v\u00e4ljaga. Peate lihtsalt muutma seda, kuidas v\u00e4lja rea \u200b\u200bv\u00e4ljastatakse <code>#23<\/code>.<\/p>\n<h2>J\u00e4reldus<\/h2>\n<p>Oma koodi kirjutamine kohandatud WooCommerce&#8217;i vahekaartide lisamiseks on v\u00e4ga lihtne, kui olete aru saanud WooCommerce&#8217;i p\u00f5hikontseptsioonist. See ei n\u00f5ua isegi palju koodi. See on igati hea lahendus Sulle, kes ei taha v\u00f5i ei saa investeerida laienduslitsentsidesse v\u00f5i vajad lihtsalt oma veebipoe jaoks lihtsat lahendust.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00d5petus selle kohta, kuidas saate toodetele kohandatud WooCommerce&#8217;i vahekaarte lisada. Vaadake, kui lihtne on seda teha Advanced Custom Fields plugina ja natukese koodiga.<\/p>\n","protected":false},"author":1,"featured_media":224911,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718,718,1110,842,812,812,842,853,853,863,863],"tags":[1165],"class_list":{"0":"post-233651","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-arendaja","9":"category-n-a","10":"category-opetused","11":"category-pistikprogrammid","14":"category-woocommerce-4","16":"category-wordpress-4","18":"tag-affiai-et"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=233651"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233651\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/224911"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=233651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=233651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=233651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}