{"id":5890,"date":"2022-05-07T14:07:04","date_gmt":"2022-05-07T18:07:04","guid":{"rendered":"https:\/\/themespress.ca\/?p=5890"},"modified":"2022-05-11T06:09:01","modified_gmt":"2022-05-11T10:09:01","slug":"adding-metadata-latest-update-woocommerce-product","status":"publish","type":"post","link":"https:\/\/themespress.ca\/en\/adding-metadata-latest-update-woocommerce-product\/","title":{"rendered":"Adding Metadata (latest update) – WooCommerce Product"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

With this tutorial, we will create a new WordPress metabox for our downloadable WooCommerce products.<\/p>\n

Our data would allow us to diplay the date where<\/span><\/span> the number of days where the updates were done.<\/p>\n

So let’s say you’re selling downloadable products. You want your customers to see the last date when<\/span><\/span> the product was updated.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

Creating a class for a WordPress metabox<\/h2>\n\t
\n\t\t
\n\t\t\t

As you’ll notice, our metabox has a date field by default.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

\/\/ Meta Box Class: Woocommerce Product Update\nclass woocommerceproductupMetabox {\n\n\tprivate $screen = array(\n\t\t'product',\n\t);\n\n\tprivate $meta_fields = array(\n\t\tarray(\n\t\t\t'label' => 'Recent updates for this product ?',\n\t\t\t'id' => 'woocommerce-update-product',\n\t\t\t'default' => 'Aujourdhui',\n\t\t\t'type' => 'date',\n\t\t),\n\t);\n\n\tpublic function __construct() {\n\t\tadd_action( 'add_meta_boxes', array( $this, 'add_meta_boxes' ) );\n\t\tadd_action( 'save_post', array( $this, 'save_fields' ) );\n\t}\n\n\tpublic function add_meta_boxes() {\n\t\tforeach ( $this->screen as $single_screen ) {\n\t\t\tadd_meta_box(\n\t\t\t\t'woocommerceproductup',\n\t\t\t\t__( 'Woocommerce Product Update', 'textdomain' ),\n\t\t\t\tarray( $this, 'meta_box_callback' ),\n\t\t\t\t$single_screen,\n\t\t\t\t'normal',\n\t\t\t\t'high'\n\t\t\t);\n\t\t}\n\t}\n\n\tpublic function meta_box_callback( $post ) {\n\t\twp_nonce_field( 'woocommerceproductup_data', 'woocommerceproductup_nonce' );\n\t\t$this->field_generator( $post );\n\t}\n\n\tpublic function field_generator( $post ) {\n\t\t$output = '';\n\t\tforeach ( $this->meta_fields as $meta_field ) {\n\t\t\t$label = '<label for="' . $meta_field['id'] . '">' . $meta_field['label'] . '<\/label>';\n\t\t\t$meta_value = get_post_meta( $post->ID, $meta_field['id'], true );\n\t\t\tif ( empty( $meta_value ) ) {\n\t\t\t\tif ( isset( $meta_field['default'] ) ) {\n\t\t\t\t\t$meta_value = $meta_field['default'];\n\t\t\t\t}\n\t\t\t}\n\t\t\tswitch ( $meta_field['type'] ) {\n\t\t\t\tdefault:\n\t\t\t\t\t$input = sprintf(\n\t\t\t\t\t\t'<input %s id="%s" name="%s" type="%s" value="%s">',\n\t\t\t\t\t\t$meta_field['type'] !== 'color' ? 'style="width: 100%"' : '',\n\t\t\t\t\t\t$meta_field['id'],\n\t\t\t\t\t\t$meta_field['id'],\n\t\t\t\t\t\t$meta_field['type'],\n\t\t\t\t\t\t$meta_value\n\t\t\t\t\t);\n\t\t\t}\n\t\t\t$output .= $this->format_rows( $label, $input );\n\t\t}\n\t\techo '<table class="form-table"><tbody>' . $output . '<\/tbody><\/table>';\n\t}\n\n\tpublic function format_rows( $label, $input ) {\n\t\treturn '<tr><th>'.$label.'<\/th><td>'.$input.'<\/td><\/tr>';\n\t}\n\n\tpublic function save_fields( $post_id ) {\n\t\tif ( ! isset( $_POST['woocommerceproductup_nonce'] ) )\n\t\t\treturn $post_id;\n\t\t$nonce = $_POST['woocommerceproductup_nonce'];\n\t\tif ( !wp_verify_nonce( $nonce, 'woocommerceproductup_data' ) )\n\t\t\treturn $post_id;\n\t\tif ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE )\n\t\t\treturn $post_id;\n\t\tforeach ( $this->meta_fields as $meta_field ) {\n\t\t\tif ( isset( $_POST[ $meta_field['id'] ] ) ) {\n\t\t\t\tswitch ( $meta_field['type'] ) {\n\t\t\t\t\tcase 'email':\n\t\t\t\t\t\t$_POST[ $meta_field['id'] ] = sanitize_email( $_POST[ $meta_field['id'] ] );\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'text':\n\t\t\t\t\t\t$_POST[ $meta_field['id'] ] = sanitize_text_field( $_POST[ $meta_field['id'] ] );\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tupdate_post_meta( $post_id, $meta_field['id'], $_POST[ $meta_field['id'] ] );\n\t\t\t} else if ( $meta_field['type'] === 'checkbox' ) {\n\t\t\t\tupdate_post_meta( $post_id, $meta_field['id'], '0' );\n\t\t\t}\n\t\t}\n\t}\n}\n\nif (class_exists('woocommerceproductupMetabox')) {\n\tnew woocommerceproductupMetabox;\n};\n<\/pre><\/div>
Visual of our WooCommerce product metabox<\/h2>\n\t
\n\t\t\n\t\t
\n\t\t\t\"Metabox<\/a>\n\t\t<\/figure>\n\t<\/div>\n
Adding the update date in the loop of our product<\/h2>\n\t
\n\t\t
\n\t\t\t
Donc nous allons utiliser le hook woocommerce_before_shop_loop_item_title<\/strong><\/a><\/p>\n
This hook will allow us to position our get_post_meta<\/strong><\/a> of the de woocommerce-update-product<\/strong> name before the product’s title inside the loop, i.e. in product pages’ results.<\/p>\n
We can also customize the date. With this hook, we will display the date however we see fit.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n
add_action( 'woocommerce_before_shop_loop_item_title', 'themespress_field_display_below_title', 2 );\nfunction themespress_field_display_below_title(){\n    global $product;\n    \/\/ Get the custom field value\n    $custom_field = get_post_meta( $product->get_id(), 'woocommerce-update-product', true );\n    \/\/ Display\n    if( ! empty($custom_field) ){\n        echo '<p class="last-updates" style="position:absolute;top:30px;background:#f95b26;color:white;padding:2px 5px">' . 'MAJ : ' . (new DateTime($custom_field))->format('d M Y') . '<\/p>';\n    }\n}<\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
Or we can edit the hook so we can display the n number of days since the last update of the WooCommerce product.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n
add_action( 'woocommerce_before_shop_loop_item_title', 'themespressdeux_field_display_below_title', 2 );\nfunction themespressdeux_field_display_below_title(){\n    global $product;\n    \/\/ Get the custom field value\n    $custom_field = get_post_meta( $product->get_id(), 'woocommerce-update-product', true );\n    \/\/ Display\n\t$now = time(); \/\/ Current time \n\t$your_date = strtotime($custom_field); \/\/ The first date\n\t$datediff = abs($now - $your_date); \/\/ Gives absolute Value\n    if( ! empty($custom_field) ){ \n\t\techo '<p class="last-updates" style="position:absolute;top:30px;background:#f95b26;color:white;padding:2px 5px">' . 'MAJ : ' . floor($datediff\/(60*60*24)) . '&nbsp;jour(s)' . '<\/p>';\n    }\n}<\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
We strongly advise against copying it twice. Choose the first or second example.<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n
Display the get_post_meta in the WooCommerce product<\/h2>\n\t
\n\t\t
\n\t\t\t
All that’s left to do now is use the woocommerce_before_single_product_summary<\/a> hook in order to display the information about the product.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n
add_action( 'woocommerce_before_single_product_summary' , 'themespress_updates_date_before_product_title', 5 );\nfunction themespress_updates_date_before_product_title() {\n    global $product;\n    \/\/ Get the custom field value\n    $custom_field = get_post_meta( $product->get_id(), 'woocommerce-update-product', true );\n    \/\/ Display\n\t$now = time(); \/\/ Current time \n\t$your_date = strtotime($custom_field); \/\/ The first date\n\t$datediff = abs($now - $your_date); \/\/ Gives absolute Value\n    if( ! empty($custom_field) ){ \n\t\techo '<p class="last-updates" style="position:absolute;top:-40px;right:0;background:#f95b26;color:white;padding:2px 5px">' . 'MAJ : ' . floor($datediff\/(60*60*24)) . '&nbsp;jour(s)' . '<\/p>';\n    }\n}<\/pre><\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"With this tutorial, we will create a new WordPress metabox for our downloadable WooCommerce products. Our data would allow us to diplay the date where the number of days where
Read More<\/a><\/div>","protected":false},"author":81,"featured_media":5891,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[283],"tags":[328],"class_list":["post-5890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-woocommerce-config"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/5890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/comments?post=5890"}],"version-history":[{"count":0,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/5890\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media\/5891"}],"wp:attachment":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media?parent=5890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/categories?post=5890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/tags?post=5890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}