Simplecart 附加隐藏项属性答案

【问题标题】：Simplecart additional hidden item attributesSimplecart 附加隐藏项属性
【发布时间】：2013-03-25 02:09:31
【问题描述】：

我正在尝试在使用 simpleCart_shelfItem div 时向我的 simplecart 项目添加一个额外的隐藏字段。我尝试了隐藏输入、附加跨度，但无法让我的属性显示在 Simplecarts 表单结帐传递的 JSON 中。

当我初始化 simplecart 时没什么特别的：

    // Init shopping cart
    script(type='text/javascript')
        simpleCart({
            checkout: {
                type: "SendForm",
                url: "/cart/checkout"
            },
            currency: "USD",
            cartStyle: "table"
        });

这是我加载货架项目的地方（注意这是使用 Jade 引擎，但 HTML 符合预期）：

        div.simpleCart_shelfItem
            p.item_name My Special Item
            input.item_Quantity(type='text', value='1')
            input.item_secretId(type='hidden', value='A hidden identifier')
            br
            span.item_price $0.99
            br
            a.item_add(href="javascript:;") Add to Cart

我也尝试过使用：

span.item_secretId A hidden identifier

当我将购物车传递给 /cart/checkout 时，当我在服务器端代码中执行 req.body 的控制台日志时，找不到 secretId：

Checkout passed with: {"currency":"USD","shipping":"0","tax":"0","taxRate":"0","itemCount":"1","item_name_1":"4x6 Print","item_quantity_1":"4","item_price_1":"0.99","item_options_1":""}

我在 API 文档中看到了将自定义列添加到购物车的功能，但我不希望此字段显示在购物车中，它完全是在内部以方便服务器端处理。

【问题讨论】：

要添加到阴谋中，如果您将自定义输入添加为文本字段，一切都很好，它会被传递到订单处理页面（即只需添加一个input (type="text", class="item_Custom-field")。只要你将该输入更改为隐藏，它不再传输。

标签： shopping-cart simplecart

【解决方案1】：

这不是特别漂亮，但我通过在我的新数据元素周围使用 div 标签解决了这个问题，然后将它们隐藏在这样的样式表中

HTML：

    input(class="item_internalId", type='text', value='1234')

CSS：

 input.item_internalId {
            display: none;
        }

【讨论】：