热蛋糕商业添加到DrillDown视图中的购物车按钮

Question

如果我们想要DrillDown视图中的Add to Cart按钮，并且希望使用以下内容：

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

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

Answer 1

钻取类别视图可能会返回并迭代数千个产品，这是因为它具有SPA特性。您无疑知道，该视图使用KnockoutJS工作，因此，数据和客户端视图的维护方式与大多数视图非常不同。因此，每个产品返回的信息量是有限的。

但是，一般情况下，您不会在默认视图上看到“添加到购物车”按钮/链接，原因是.需要增加更多的开销，以确定链接是否可以安全地“添加到购物车”，或者在产品有选择时是否应该是“查看产品”。因此，您不会在视图模型中找到Add链接，但是您可以使用下面的文档创建add链接。

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

因此，cart链接的直接添加可能如下所示：/Cart?QuickAddSku=SAMPLE004&QuickAddQty=1

在您的例子中，编辑它可能类似于下面的示例：

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

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

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

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

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