繁体   English   中英

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

Creating a form with image upload for Woocommerce product single pages

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试为 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 个单个文本输入与一个文本区域是故意完成的。

问题暂未有回复.您可以查看右边的相关问题.
1 在 Woocommerce 单个产品页面中创建自定义产品缩略图和图库图像

我是开发 woocommerce 模板的新手。 我正在将静态 html 模板转换为 woocommerce。 我想创建一个自定义产品缩略图和图片库,如下图所示: 我检索了产品图库图像,但在单击小图库图像后无法获取产品特征图像和更改大图像。 你能帮我完成product-image.php 中的代 ...

2 WooCommerce 使用相同的表单以编程方式上传产品数据和产品图片

我已经为 WooCommerce 产品创建了一个产品上传表单,并且我已经设置了要分配给相应帖子的表单输入字段值,并且我已经成功地创建了一个新产品,所有详细信息都正确附加到它这里是表单数据的代码。 这是用于创建新产品的 PHP 代码 但是现在当我必须附加产品特色图片时,我无法使用相同的表格并将图片附加 ...

4 在 WooCommerce 后端产品编辑页面中为产品变体添加额外的图像上传字段

我需要帮助将自定义图像字段添加到我的产品变体中,与默认字段相同,但名称和值或自定义元不同,因此我可以区分默认图像和自定义图像。 我试过这个插件 WooCommerce 的其他变体图像库但它破坏了我的前端功能。 我只想在我的后端使用这个(见附图) 我也试过 WooCommerce:向产品变体添加自定 ...

5 Woocommerce单品图片问题

我在这里有两个问题(如果有人可以提供帮助,不胜感激): 1)。 单个产品页面中的主要产品图像宽度(容器)似乎小于其下方图库的宽度。 如果你看这个截图: 你会看到主图的宽度小于它下面的画廊的宽度,放大镜部分在它外面。 但是当我在图像上移动鼠标指针时,它会放大图片并且主图片的宽度与它下面的画 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM