How To Add New Html Field On Add/Update Product Form?
How To Add/Update Value Of Custom Added Html Field Into Product Meta?
DOKAN is no doubt the best front end multi-vendor marketplace on WordPress, powered by WooCommerce.Dokan is the fastest way to start eCommerce and earn through commissions with products ranging from digital, physical to variable products.
Adding/Updating Html Field And Adding/Updating them to meta field is 4 Steps Process:-
- Adding Html To Product Adding Form.
- Save Value Of Newly Added Field To Product Meta.
- Adding Html To Product Updating Form.
- Update Value Of Newly Added Field To Product Meta.
Adding Html To Product Adding Form
We can Use “dokan_new_product_after_product_tags” Hook for adding Html Tags For New Field.
function AddExtraProductFieldHtml(){
echo "<div class="dokan-form-group">
<input type="text" class="dokan-form-control" name="specificity" placeholder="Specificity">
</div>";
}
add_action ('dokan_new_product_after_product_tags','AddExtraProductFieldHtml',99);
Save Value Of Newly Added Field To Product Meta.
We can Use “dokan_new_product_added” Hook for saving value of new field to product meta.
function AddExtraProductMeta($product_id, $post_data){
add_post_meta( $product_id,'specificity',$_POST['specificity']);
}
add_action ('dokan_new_product_added','AddExtraProductMeta',11,2);
Adding Html To Product Updating Form.
We can Use “dokan_product_edit_after_product_tags” Hook for adding Html in product edit form.
function UpdateExtraProductFieldHtml($post, $post_id){
$specificityvalue = get_post_meta( $post_id,'specificity', true );
echo "<div class="dokan-form-group">
<input type="text" class="dokan-form-control" value="'.$specificityvalue .'" name="specificity" placeholder="Specificity">
</div>";
}
add_action ('dokan_product_edit_after_product_tags','UpdateExtraProductFieldHtml',10,2);
Update Value Of Newly Added Field To Product Meta.
We can Use “dokan_product_updated” Hook for updating value of new field in product meta.
function UpdateExtraProductMeta($product_id, $post_data){
update_post_meta( $product_id,'specificity',$_POST['specificity']);
}
add_action ('dokan_product_updated','UpdateExtraProductMeta',11,2);
Related reading:
- Magic of WooCommerce Products Custom Fields
- Disable Plugin Update Notification
- E-commerce development services
Shiv Kumawat is the CEO of Eoxys IT Solution LLP, the Jaipur-based IT and GenAI development company he has led since 2009. Eoxys builds custom AI, web and mobile applications for businesses worldwide. Shiv writes about AI app development, generative AI for business, and building software products that deliver real results. Connect with him on LinkedIn: https://www.linkedin.com/in/shiv-kumawat-eoxys/
