0

我的网站使用私人电子商务系统，不幸的是，虽然他们的支持团队非常乐于助人，但他们并不是特别支持“自定义代码”，例如我需要的代码。

我正在尝试配置一个“启动”页面（在用户完成订单之前弹出），它为用户提供了以半价购买我们一件 T 恤的机会，并带有“添加到购物车”允许他们添加它从启动页面到他们的购物车。

我尝试从标准产品页面复制代码，但不幸的是，该按钮无法正常工作，而是简单地链接到“#”（可以在下面的代码中看到）。

<form action="includes/cart/add_to_cart.inc.php" method="get" name="addcartform" id="addcartform" onsubmit="return false;">   
<!-- Important hidden inputs -->
<input type="hidden" id="js" name="js" value="false" />
<input type="hidden" id="product_id" name="product_id" value="{product:id}" />
<a id="add_to_cart" style="display:none;" href="#" onclick="{product:add_to_cart_js}" class="generated_button" title="Add To Cart" >
<img src="images/icons/cart_add.png" align="absmiddle" />
<span> Add To Cart </span> </a>
<noscript>
<!-- non javascript -->
<input class="generated_button"  type="submit" value="Add To Cart" name="submit" id="cart_submit" />
</noscript>

放入代码后，我将链接的“显示”更改为“inline-block”（以便显示），我还尝试在此处输入我希望用户添加到购物车的产品 ID：

id="product_id" name="product_id" value="{product:id}"

不幸的是，这些都没有奏效，而且由于我无法完整（或轻松）访问我需要的所有文件，我非常感谢任何帮助解决这个问题！

在此先感谢，丹

更新：我们电子商务系统背后的支持团队已经向我发送了这段代码来提供帮助，但我不完全确定如何使用它：

如果您想通过 javascript 进行更多控制，您可以使用我们在 javascript 中提供的核心 Cart 对象 >。它可以通过（私人电子商务系统）命名空间访问，事实上，如果您在（私人电子商务系统）站点中打开控制台并输入（私人>电子商务系统）并按回车，它将向您返回一个对象的哪些部分到目前为止，我们在 javascript 中为您提供的核心 > 系统（这也会随着时间的推移而增加）。(Private eCommerce System).Cart 对象有一个可以在此处使用的子 addItem() 方法/函数。

您可以将产品 ID 传递给它以将其添加到购物车：（例如，添加 ID 为 #52 的产品）Cart.addItem(52); 或者你可以像这样传递这些完整的选项：

Cart.addItem({
productId: 52,
qty: 1,
options: {},
wishlistId: 0,
extraData: "Some detail i want to show to the user"
}, function () {
console.log('This is the callback for when its complete!');
});

因此，如果他们添加一个按钮或链接，他们可以使用 jQuery 设置单击该按钮以运行该代码，例如

jQuery(function ($) {
$('.some-button').on('click', function () {
    Cart.addItem(52);
    return false;
});
});
4

1 回答 1

1

如果您换掉 Javascript 按钮并将其替换为无脚本输入字段怎么办？

<form action="includes/cart/add_to_cart.inc.php" method="get" name="addcartform" id="addcartform" onsubmit="return false;">   
<!-- Important hidden inputs -->
<input type="hidden" id="js" name="js" value="false" />
<input type="hidden" id="product_id" name="product_id" value="{product:id}" />
<input class="generated_button"  type="submit" value="Add To Cart" name="submit" id="cart_submit" />
<img src="images/icons/cart_add.png" align="absmiddle" />
<span> Add To Cart </span>
</form>

您可能需要重新设置表单字段的样式以及<span>“添加到购物车”以使其看起来正确...

更新：

鉴于支持团队提供的信息，请尝试将其放入您的“启动页面”，而不是上面的表格。

<div>
<script>
function addTshirtToCart(){
    /* Swap out the 34 for the actual product ID of the tshirt you want to
       add to the basket */
    Cart.addItem(34);
    // You might also want some code here to close the "splash page"
    return false;
}
</script>
<a href="#" id="add_to_cart" onclick="return addTshirtToCart();">
    <img src="images/icons/cart_add.png" align="absmiddle" />
    <span> Add To Cart </span>
</a>
</div>

更新 2：

从我的第二个答案中替换现有的并用对我有用的div替换它：

<form action="includes/cart/add_to_cart.inc.php" method="get" name="addcartform" id="addcartform" onsubmit="return false;">
    <input type="hidden" id="js" name="js" value="false">
    <input type="hidden" id="product_id" name="product_id" value="1618">

    <a id="add_to_cart" style="" href="#" onclick="update_cart_content(); return false;" class="generated_button" title="Add To Cart">
    <img src="images/icons/cart_add.png" align="absmiddle">
    <span> Add To Cart </span> </a>
    <noscript>
        <input class="generated_button" type="submit" value="Add To Cart" name="submit" id="cart_submit"/>
    </noscript>
</form>

更新 3

要在将 T 恤添加到购物车时关闭弹出窗口，请尝试将其放入上面的a元素中：

onclick="update_cart_content(); spashBox.close(); return false;"
于 2013-07-08T10:38:46.767 回答