深入了解视图中的 Hotcakes Commerce 添加到购物车按钮

Question

如果我们想要在 DrillDown 视图中添加一个“添加到购物车”按钮，并且我们想要使用如下内容：

<a href="@Url.RouteHccUrl(HccRoute.Cart, new { quickaddsku = Products...Item.Sku })" class="add-to-cart" ></a>

在该视图模型的上下文中查找当前产品项的最佳方法是什么？

Answer 1

由于 SPA 的性质，向下钻取类别视图可能 return 并遍历数千种产品。毫无疑问，该视图使用 KnockoutJS 工作，因此，数据和客户端视图的维护方式与大多数视图有很大不同。因此，为每个产品编辑的信息量 return 是有限的。

您通常不会在默认视图中看到 "Add to Cart" buttons/links，因为一件事......需要添加更多开销来确定 link 可以安全地 "Add to Cart" 或者当产品有选择时它是否应该 "View Product" 。因此，您不会在视图模型中找到添加到购物车 link，但您可以使用下面的文档创建添加到购物车 link。

https://hotcakescommerce.zendesk.com/hc/en-us/articles/205426245-Add-Products-to-Cart-and-More-Using-Links

因此，直接添加到购物车 link 可能如下所示：/Cart?QuickAddSku=SAMPLE004&QuickAddQty=1

在您的情况下，对此进行编辑可能类似于以下示例：

<a data-bind="attr: { href: '/Cart?QuickAddSku=' + ProductSku + '&QuickAddQty=1' }, text: ProductName"></a>

可以在下面的 link 中找到有关这些视图模型的更多信息。

https://hotcakescommerce.zendesk.com/hc/en-us/articles/212095386-DrillDownJsonModel

https://hotcakescommerce.zendesk.com/hc/en-us/articles/212097186-SingleProductJsonModel

请告诉我们这是否有帮助。

深入了解视图中的 Hotcakes Commerce 添加到购物车按钮

Hotcakes Commerce Add to Cart button in DrillDown view

e-commerce