为Woocommerce产品单页创建带图片上传的表单

Question

我正在尝试为 WooCommerce 产品构建一个表单，我已经阅读了大量内容，但找不到我认为我应该寻找的东西，然后我可能已经在某处阅读了答案并且不明白。

这是我制作的表格，我希望 go 提交后结帐。

function catlist() {
$categories = get_categories();
$cat_array = [];
foreach ($categories as $category) :
    $cat_array[$category->term_id] = $category->name;
    echo '<option value="'.$category->name.'">'.$category->name.'</option>';
endforeach;
return $cat_array;
}

这是我的页面模板

<?php
require_once(ABSPATH . "wp-admin" . '/includes/image.php');
require_once(ABSPATH . "wp-admin" . '/includes/file.php');
require_once(ABSPATH . "wp-admin" . '/includes/media.php');
get_header();

$attachment_id = media_handle_upload('file-upload', $post->ID);
?>

<form method='post' action='<?php WP_PLUGIN_DIR . '/plugin-dir/form-action.php'; ?>'><div class='form-section'><h1 class='form-element-head'>Select Category:</h1><select id='ad_category'>

<?php
catlist();
?>

</select></div>
<div class='form-section'>
    <h1 class='form-element-head'>Ad Title:</h1>
    <input type='text' id='ad_title'>
</div>
<div class='form-section'>
    <h1 class='form-element-head'>Item Price:</h1>
    $<input type='number' id='ad_price'>
</div>
<div class='form-section'>
    <h1 class='form-element-head'>Description:</h1>
    <input type='text' id='desc1' maxlength='28'>
    <input type='text' id='desc2' maxlength='28'>
    <input type='text' id='desc3' maxlength='28'>
    <input type='text' id='desc4' maxlength='28'>
    <input type='text' id='desc5' maxlength='28'>
    <input type='text' id='desc6' maxlength='28'>
</div>
<div class='form-section'>
    <h1 class='form-element-head'>Image Upload (Optional):</h1>
    <input type='file' name='file-upload' id='file-upload'>
</div>
<div class='form-section'>
    <input type='checkbox' id='agree' required />I agree to the Pay When You Sell Advertising Policy.</h1>
</div>
<div class='form-section'><input type='submit'>
</div>
</form>

<?php
get_footer();
?>

我已经开始了表单操作，但找不到将表单值传递给 WC Checkout 的文档。 任何帮助是极大的赞赏。

PS - 如果您想知道，6 个单个文本输入与一个文本区域是故意完成的。