将自定义尺寸字段添加到大卡特尔

时间:2015-11-30 20:09:04

标签: html angularjs bigcartel

我在大卡特尔有一个在线商店,有些产品可能需要一个可选字段,用户可以输入他/她的措施,以便产品可以专门为他/她设计。虽然我对如何实现前端部分很熟悉,但我不太清楚如何使供应商能够将这些额外信息附加到每个产品上,以便在他们可视化订单时所有这些额外信息都是立即附在它上面。

我最好的情况是:

用户选择产品并在尺寸下拉选项中选择"自定义"选项。此时会出现一个小表格,表明他们可以填写所需的所有自定义尺寸。现在不是附加字符串" Custom"对于购物车中的产品摘要,我想要附加任何他们输入的内容,以便在购物车中看起来像:

[产品图片]:产品名称 - 用户输入的尺寸

这将使供应商更容易理解用户想要的内容,并允许用户购买具有自定义尺寸的物品,而不是可能不适合他/她的标准物品(XS,S,M, L,XL)。

现在,处理大小选择并提交到购物车的代码部分如下所示:

<form id="product-form" method="post" action="/cart">

        {% if product.has_default_option %}

        {{ product.option | hidden_option_input }}

        {% else %}

        <div id="product-options" class="options">
                        <span>{{ Product_Options_Title }}</span>
                      {{ product.options_in_stock | options_select }}
        </div>

        {% endif %}

        <button id="product-addtocart" name="submit" type="submit"><span>{{ Add_to_Cart_Text }}</span></button>

    </form>

我认为这是Angular,我不是很熟悉。但我认为这是我应该做出任何改变的地方,我对大卡特尔框架也不是很熟悉,这就是为什么我可以使用一些指针。

所以我的问题是,如何编辑代码,以便用户可以输入自定义尺寸,然后将他们输入的内容附加到购物车中的产品上,作为他们订购的尺寸?

我理解我的问题可能不太清楚,所以请随意评论澄清。还要记住,我会知道如何实现前端部分,但我不知道如何与后端进行交互以实现我所描述的内容。提前谢谢。

2 个答案:

答案 0 :(得分:2)

很抱歉,Big Cartel无法做到这一点 - 平台不支持通过订单流程传递任何其他信息,而不是已经附加到产品和产品上的信息&# 39; s选项。

您最好的选择可能是指示客户将自定义信息添加到卖家的注意事项中。结帐时的字段:https://blog.bigcartel.com/2014/04/22/introducing-notes-at-checkout/

您可以在此处找到有关编辑Big Cartel主题的更多信息:https://help.bigcartel.com/developers/themes/

答案 1 :(得分:0)

Bigcartel现在带有分组选项。仅在付费计划中有效。因此,您现在可以添加尺寸,颜色,设计。是的,您最多可以添加三个选项。

有关bigcartel商店contact me with free discussion的任何帮助。