E commerce “向下展开”视图中的“添加到购物车”按钮_E Commerce

E commerce “向下展开”视图中的“添加到购物车”按钮

e-commerce

E commerce “向下展开”视图中的“添加到购物车”按钮,e-commerce,E Commerce,如果我们希望在深入查看视图中使用“添加到购物车”按钮，并且希望使用类似以下内容： <a href="@Url.RouteHccUrl(HccRoute.Cart, new { quickaddsku = Products...Item.Sku })" class="add-to-cart" ></a> 在该视图模型的上下文中查找当前产品项的最佳方法是什么？深入类别视图可能会返回并遍历数千种产品，这是由于它的SPA特性。毫无疑问，您知道，该视图使用的是Knockout

如果我们希望在深入查看视图中使用“添加到购物车”按钮，并且希望使用类似以下内容：

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

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

深入类别视图可能会返回并遍历数千种产品，这是由于它的SPA特性。毫无疑问，您知道，该视图使用的是

KnockoutJS

，因此，数据和客户端视图的维护方式与大多数视图大不相同。因此，每个产品返回的信息量是有限的

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

因此，直接添加到购物车链接可能如下所示：

/cart？QuickAddSku=SAMPLE004&QuickAddQty=1

在您的情况下，编辑此内容可能类似于下面的示例：

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

有关这些视图模型的更多信息，请参见下面的链接

请让我们知道这是否有用