![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152172-61e4d3f68509c.png\")
<\/a><\/p>\nTooteandmete metakast<\/p>\n
Pidage meeles, et vahekaartide n\u00e4htavus erineb olenevalt toote t\u00fc\u00fcbist. N\u00e4iteks vahekaart \u201e\u00dcldine" eemaldatakse, kui l\u00fclitute r\u00fchmitatud tootet\u00fc\u00fcbile. Seega peaksite mitte ainult arvestama, kuhu teie kohandatud v\u00e4ljad loogiliselt sobivad, vaid ka paneeli, mis on n\u00e4htav k\u00f5igi soovitud tootet\u00fc\u00fcpide jaoks. on k\u00f5ige \u00fcldisemate saadaolevate konksude loend:<\/p>\n
- \n
woocommerce_product_options_general_product_data<\/code>("\u00dcldine")<\/li>\nwoocommerce_product_options_inventory_product_data<\/code>("Inventar"<\/li>\nwoocommerce_product_options_shipping<\/code>("Kohaletoimetamine")<\/li>\nwoocommerce_product_options_related<\/code>("Lingitud tooted")<\/li>\nwoocommerce_product_options_attributes<\/code>("Atribuudid")<\/li>\nwoocommerce_product_options_advanced<\/code>("T\u00e4psem"<\/li>\n<\/ul>\nVormi sisendi lisamine<\/h3>\n
Mis puudutab vormisisendi v\u00e4ljastamist, saate vormisisestuse HTML-i k\u00e4sitsi v\u00e4ljastada (nt
<input type=\"text\"...><\/code>), kuid WooCommerce pakub lihtsaid funktsioone mis tahes t\u00fc\u00fcpi v\u00e4ljade h\u00f5lpsaks lisamiseks. Soovitan neid kasutada. Vaata siit WooCommerce’i \u00fclevaadet<\/a> k\u00f5igist v\u00f5imalikest sisestust\u00fc\u00fcpidest ja sellest, milliseid argumente saad v\u00e4ljundi juhtimiseks edastada.<\/p>\nSelle \u00f5petuse osas lisan laoseisu vahekaardile lihtsa tekstisisestuse, et kirjutada igas pakendis olevate \u00fcksuste arv. Mis puutub v\u00f5tmesse, millena teie kohandatud v\u00e4\u00e4rtus salvestatakse, lisage alati selle ette alakriips "_", minu puhul on see "_number_in_package":<\/p>\n
add_action('woocommerce_product_options_inventory_product_data', function() {\n woocommerce_wp_text_input([\n 'id' => '_number_in_package',\n 'label' => __('Number in package', 'txtdomain'),\n ]);\n});<\/code><\/pre>\nSalvestage ja muutke toodet. Peaksite n\u00e4gema oma kohandatud v\u00e4lja vahekaardi Varud allosas:<\/p>\n
![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152172-61e4d3f74b757.png\")
<\/a><\/p>\nAllossa on lisatud kohandatud v\u00e4li "Arv pakendis".<\/p>\n
M\u00e4rkus p\u00f5llu n\u00e4htavuse kohta s\u00f5ltuvalt toote t\u00fc\u00fcbist<\/h3>\n
WooCommerce’i tooteandmete metakastis on palju Javascripti, mis peidab ja n\u00e4itab nii v\u00e4lju kui ka vahelehti\/paneele. Saate seda h\u00f5lpsasti kasutada, kui soovite, et teie v\u00e4li oleks n\u00e4htav ainult teatud tootet\u00fc\u00fcpide puhul, lisades oma v\u00e4ljale konkreetsed klassinimed.<\/p>\n
Oletame, et soovite, et teie v\u00e4lja kuvatakse ainult siis, kui toode on t\u00fc\u00fcp lihtne toode, v\u00f5i soovite, et see oleks peidetud, kui toode on muutuv toode. WooCommerce kuulab konkreetseid klassinimesid, nagu
show_if_<producttype><\/code>ja,hide_if_<producttype><\/code>ning saate mitut klassi kombineerida, et t\u00e4psustada, millal teie v\u00e4li peaks olema peidetud v\u00f5i n\u00e4htav.<\/p>\nN\u00e4iteks kui ma tahan, et mu v\u00e4li oleks n\u00e4htav ainult lihtsate toodete puhul; Lisan selle v\u00e4ljale "
wrapper_class<\/code>" oma v\u00e4lja sisendisse:<\/p>\nadd_action('woocommerce_product_options_inventory_product_data', function() {\n woocommerce_wp_text_input([\n 'id' => '_number_in_package',\n 'label' => __('Number in package', 'txtdomain'),\n 'wrapper_class' => 'show_if_simple'\n ]);\n});<\/code><\/pre>\nV\u00f5ite m\u00e4\u00e4rata
wrapper_class<\/code>ka n\u00e4iteks ‘show_if_simple show_if_grouped<\/code>‘, et v\u00e4li oleks n\u00e4htav ainult nende toodete puhul, mis on kas lihtsad v\u00f5i grupeeritud. Proovige seda ise!<\/p>\nKohandatud v\u00e4lja salvestamine<\/h3>\n
Praeguse seisuga ei salvestata midagi, mille sisestate oma v\u00e4ljale. Teeme seda j\u00e4rgmisena. Haakime PHP globaalse (vormi esitamise)
woocommerce_process_product_meta<\/code>v\u00e4\u00e4rtuse ja salvestame selle .$_POST<\/code><\/p>\nadd_action('woocommerce_process_product_meta', function($post_id) {\n $product = wc_get_product($post_id);\n $num_package = isset($_POST['_number_in_package'])? $_POST['_number_in_package']: '';\n $product->update_meta_data('_number_in_package', sanitize_text_field($num_package));\n $product->save();\n});<\/code><\/pre>\nLubage mul \u00fclaltoodud koodi kiiresti selgitada. Saate v\u00e4lja lihtsalt salvestada, kasutades
update_post_meta()<\/code>, kuid WooCommerce’i uuemates versioonides on toote k\u00e4itlemise metat oluliselt t\u00e4iustatud. Kuni teil on tooteobjekt (selle saame, kui helistatewc_get_product()<\/code>postituse ID-ga), saate h\u00f5lpsalt manipuleerida objekti mis tahes tooteteabega ja l\u00f5puks helistadasave()<\/code>muudatuste v\u00e4rskendamiseks. See on v\u00e4ga kasulik, eriti kui soovite salvestada mitu v\u00e4lja \u2013 sellisel juhul ei pea te iga v\u00e4lja jaoks andmebaasitoiminguid k\u00e4ivitama, vaid viimane kord, kui helistatesave()<\/code>.<\/p>\nKasutage
update_meta_data()<\/code>objektil iga metaandmete jaoks, mida soovite salvestada.<\/p>\n\u00dclaltoodud funktsiooniga peaks teie v\u00e4li n\u00fc\u00fcd salvestama, kui v\u00e4rskendate seda toote redigeerimisel! Samuti pange t\u00e4hele, et kasutades v\u00e4lja v\u00e4ljastamiseks WooCommerce’i funktsioone, ei pea te enne v\u00e4lja v\u00e4ljastamist k\u00e4sitsi v\u00e4lja v\u00e4\u00e4rtust hankima \u2013 see on t\u00e4isautomaatne.<\/p>\n
Kohandatud v\u00e4lja v\u00e4ljastamine kasutajaliidesesse<\/h3>\n
Esimene samm on v\u00e4lja selgitada, millist konksu soovite kohandatud v\u00e4lja v\u00e4ljastamiseks kasutada. WooCommerce pakub palju saadaolevaid konkse, et juhtida konkreetset kohta, kus soovite v\u00e4ljundit. Kui te pole kindel, vaadake
plugins\/woocommerce\/templates\/<\/code>neid faile ja leiate h\u00f5lpsalt sobiva konksu. V\u00f5ite ka malli alistada ja lisada mallisse v\u00e4ljundi, kuid alati soovitan selle asemel kasutada konkse.<\/p>\nMis puutub minusse, siis ma tahan, et minu kohandatud v\u00e4li v\u00e4ljastataks \u00fches tootes meta div sees \u2013 seal, kus WooCommerce v\u00e4ljastab SKU ja kategooria. Selleks kasutan konksu
woocommerce_product_meta_start<\/code>. Konksude sees (nagu peaaegu k\u00f5igi mallikonksude puhul) p\u00e4\u00e4sete juurde globaalsele postitusobjektile. J\u00e4rgin sama rusikareeglit nagu oma p\u00f5llu p\u00e4\u00e4stmisel; kasutageget_meta()<\/code>kohandatud v\u00e4lja saamiseks tooteobjektil:<\/p>\nadd_action('woocommerce_product_meta_start', function() {\n global $post;\n $product = wc_get_product($post->ID);\n $num_package = $product->get_meta('_number_in_package');\n if (!empty($num_package)) {\n printf('<div class=\"custom-sku\">%s: %s<\/div>', __('Number in package', 'txtdomain'), $num_package);\n }\n});<\/code><\/pre>\nKohandatud vahekaardi ja paneeli lisamine tooteandmete metakasti<\/h2>\n
Kui soovite lisada kohandatud v\u00e4ljade kogu, mis loogiliselt kokku kuuluvad, v\u00f5iks olla hea m\u00f5te r\u00fchmitada need kohandatud vahekaardile. Kohandatud vahekaardi lisamiseks tooteandmete metakasti peame haakima vahekaardi enda lisamise filtri ja konksu paneeli sisu v\u00e4ljastamiseks. L\u00f5puks peame oma p\u00f5ldude p\u00e4\u00e4stmiseks siiski lisama sama konksu nagu \u00fclal.<\/p>\n
N\u00e4iteks lisan ma kohandatud paneeli nimega "Lisainfo", kuhu tahan lisada tekstisisestuse, m\u00e4rkeruudu ja numbrisisestuse.<\/p>\n
Esiteks filtreerime
woocommerce_product_data_tabs<\/code>ja lisame oma vahekaardi selle massiivi.<\/p>\nadd_filter('woocommerce_product_data_tabs', function($tabs) {\n $tabs['additional_info'] = [\n 'label' => __('Additional info', 'txtdomain'),\n 'target' => 'additional_product_data',\n 'class' => ['hide_if_external'],\n 'priority' => 25\n ];\n return $tabs;\n});<\/code><\/pre>\nSiin on m\u00f5ned kasulikud argumendid.
class<\/code>S\u00f5ltuvalt toote t\u00fc\u00fcbist saate vahekaardi n\u00e4htavuse juhtimiseks kasutada n\u00e4iteks klahvi " ". Kui see j\u00e4i kahe silma vahele, vaadake \u00fclalmainitud<\/a> jaotist v\u00e4ljade n\u00e4htavuse kohta. Kuid pidage meeles, et vahekaartidel peate esitama klassid massiivina, mitte stringina. Saate sisestada ka m\u00e4rgipriority<\/code>, et otsustada, kus teie vahekaart peaks ilmuma. Kasutades nt 25, asetatakse vahekaart kohe p\u00e4rast “Inventar”.<\/p>\nVaikimisi kuvatakse teie vahekaardil mutriv\u00f5ti ikoonina. Kahjuks pole (praegu) mingit v\u00f5imalust seda filtri kaudu juhtida. Kui see on teie jaoks oluline, saate lisada administraatori CSS-i ja lisada vahekaardile teise klassi. Siin on \u00fclevaade<\/a> WooCommerce’is saadaolevatest ikoonidest.<\/p>\n
Paneeli v\u00e4ljund<\/h3>\n
J\u00e4rgmine samm on
woocommerce_product_data_panels<\/code>paneeli sisu k\u00fclge haakimine ja selle v\u00e4ljastamine. Oluline m\u00e4rkus on siinkohal v\u00e4ljundi alustaminediv<\/code>atribuudigaid<\/code>a sama nimega atribuudiga, mille sisestasite vahekaartide v\u00f5tmena (minu puhul ‘additional_info<\/code>‘). Sisu osas on see teie otsustada \u2013 v\u00f5ite lisada mis tahes HTML-i, kuid soovitan kasutada vormiv\u00e4ljade v\u00e4ljastamiseks WooCommerce’i funktsioone. Samad eelised p\u00f5ldude peitmisel v\u00f5i n\u00e4itamisel t\u00f6\u00f6tavad ka siin.<\/p>\nadd_action('woocommerce_product_data_panels', function() {\n ?><div id=\"additional_product_data\" class=\"panel woocommerce_options_panel hidden\"><?php\n\u00a0\n woocommerce_wp_text_input([\n 'id' => '_dummy_text_input',\n 'label' => __('Dummy text input', 'txtdomain'),\n 'wrapper_class' => 'show_if_simple',\n ]);\n woocommerce_wp_checkbox([\n 'id' => '_dummy_checkbox',\n 'label' => __('Dummy checkbox', 'txtdomain'),\n 'wrapper_class' => 'hide_if_grouped',\n ]);\n woocommerce_wp_text_input([\n 'id' => '_dummy_number_input',\n 'label' => __('Dummy number input', 'txtdomain'),\n 'type' => 'number',\n 'custom_attributes' => [\n 'step' => '1',\n 'min' => '0'\n ]\n ]);\n ?><\/div><?php\n});<\/code><\/pre>\nP\u00e4rast salvestamist peaksite n\u00fc\u00fcd n\u00e4gema vahekaarti ja selle sisu tooteandmete metakastis (kui toode pole muidugi v\u00e4line toode).<\/p>\n