prestashop - 如何为自定义文本设置价格?
问题描述
如果客户在产品中添加自定义文本(添加产品时选项部分内的文本),是否有添加价格的方法?还是我要按产品组合添加它(添加很多组合)?
使用输入收音机,我无法控制用户将做什么,也无法将其设置为“必需”,因为它必须是自由选择。
{block name='product_customization_form'}
<form method="post" action="{$product.url}" enctype="multipart/form-data">
<ul class="clearfix">
{foreach from=$customizations.fields item="field"}
<li class="product-customization-item">
<label> {$field.label}</label>
{if $field.type == 'text'}
<textarea placeholder="{l s='Your message here' d='Shop.Forms.Help'}" class="product-message" maxlength="250" {if $field.required} required {/if} name="{$field.input_name}"></textarea>
<small class="float-xs-right">{l s='250 char. max' d='Shop.Forms.Help'}</small>
{if $field.text !== ''}
<h6 class="customization-message">{l s='Your customization:' d='Shop.Theme.Catalog'}
<label>{$field.text}</label>
</h6>
{/if}
</li>
{/foreach}
</ul>
<div class="clearfix">
<button class="btn btn-primary float-xs-right" type="submit" name="submitCustomizedData">{l s='Save Customization' d='Shop.Theme.Actions'}</button>
</div>
</form>
{/block}
解决方案
实现这一目标的最佳方法是拥有两种产品组合:
- 使用自定义文本 (+$0)
- 没有自定义文本 (+$1.00)
接下来,将一些自定义 Javascript 代码添加到您的产品页面(正确的方法是通过模块),它将执行以下操作:
- 检查页面上是否存在自定义 textarea 元素
- 检查是否为空
- 如果不是,则强制组合 ID 为正确的 ID(“带有自定义”版本)
而已。
这样,买家就不必选择任何选项,他们只需要填写自定义文本,如果他们愿意,价格就会在他们的购物车中自动调整。
我希望这有帮助!
推荐阅读
- html - Bootstrap 4.1中悬停时的下拉菜单
- python-3.x - 可视化 n-triple 文件 python
- html - 奇数 - 偶数组的背景颜色
- python - 使用 Selenium 从 div 获取文本
- jquery - jquery屏蔽输入使前两位数字不可编辑
- javascript - 在 JavaScript 中格式化数字
- ios - Heroku 应用程序未在 iPhone 上加载 - 节点/反应
- microsoft-graph-api - MSGraph findMeetingTimes API 返回 500 错误
- javascript - 如何显示使用锚标记链接的 div?
- mysql - Liquibase:错误更新函数/存储过程mysql