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 company he has led since 2009. An AI & IT Solutions Consultant with 16+ years of experience, he works with startups and enterprises to turn ideas into market-ready SaaS platforms, mobile apps and AI-driven solutions. His team has delivered 700+ projects across SaaS, mobile and web apps, automation and AI. He previously served as Chief Technology Officer for a US company.
