使用 Vue 将商品添加到购物车？

我正在尝试弄清楚如何使用Vue.js在页面上实现购物车功能。我从API调用中获取项目列表，并在页面加载时打印它们。但我在尝试将商品添加到购物车时遇到了困难。该功能应包括选择商品数量并通过单击“添加到购物车”按钮将其添加到购物车的能力。因此，它应该允许直接从购物车更改数量并从购物车中删除商品。

P粉464088437 2024-03-26 12:34:33 0  1  392

javascript - 购物车商品有多个的情况，订单提交，商品数据该怎么传

把购物车商品列表构造成json数组再传给服务端，还是怎样？

我想大声告诉你 2017-07-01 09:12:09 0  4  2870

访问每个购物车商品的变体 Shopify

首先，我总是喜欢发布可运行的示例，但由于这是js和Shopify上服务器端渲染液体的混合，我无法获得运行的示例。在Shopify中，您可以从产品模板访问product对象，如下所示{{Product}}。购物车对象有一个items属性，它是购物车中所有商品的数组。购物车中的每个item对象与product对象不同。product对象有一个变体列表，而cartitem对象没有。这样做的目的是能够编辑

P粉841870942 2023-12-29 20:38:18 0  2  574

在 woodmart 迷你购物车小部件中添加简单和可变产品的总重量

我正在使用Woodmart主题和迷你购物车小部件，我想显示简单和可变产品的总重量和总价格。所以我修改了代码，但它不起作用并且存在以下问题：1。（总重量）：当简单或可变产品添加到购物车时，总重量显示为产品重量的一半。例如，如果产品重量设置为0.5，当添加到购物车时，迷你购物车上的总重量显示为0.25。2。（总价）：当简单或可变产品添加到购物车时，总价显示为产品价格的一半。例如，如果基于重量(0.5)

P粉447495069 2023-09-05 00:18:25 0  1  656

单个产品页面上的Ajax添加到购物车按钮与自定义字段的重要性

我正在尝试编辑单个产品页面的“添加到购物车”按钮。成功地使用LoicTheAztec的解决方案添加了自定义ajax调用。代码运行得很好。然而，我需要在解决方案的代码中将$product_id更改为产品的自定义字段值，即“custom_id”。尝试通过$custom_data变量进行解析，类似于：$cart_item_key=WC()->cart->add_to_cart($custom

P粉959676410 2023-09-01 16:28:19 0  1  517

javascript - vuejs+elementui 购物车价格计算，点击加减号修改数量总价都不会改变，但是计算执行了

一个商品下单的功能查出所有商品，点击下单，然后把下单的商品加入购物车，购物车是不用保存的商品可以修改数量，计算总价，现在我method里面的计算执行了，但是页面点击加减号的时候，数量和总价就是不会变,查询...

巴扎黑 2017-07-05 10:58:23 0  2  1276

jQuery.remove() 和 array.splice() 问题

所以我有一个页面，其中有一个项目列表和一个购物清单。如果您将项目列表中的x个项目添加到购物列表中，则尝试通过单击购物列表中的项目并在打开它的模式上点击删除来逐个删除它们-第一次。现在问题来了，如果您尝试再次执行此操作，例如将另一组x数量的商品添加到购物清单中，然后尝试再次将它们逐个删除。一旦您点击模式上的删除按钮，我就会得到不可预测的结果，它要么删除所有购物清单项目，要么删除2或3个项目以及您应该

P粉928591383 2024-04-04 17:21:35 0  1  446

tp3.2 实现无登录添加到购物车

怎么实现非登陆状态下可以加购物车商品，登录后保留购物车商品。怎么判断登录前加入购物车的用户和登陆后保留购物车的用户 是同一个用户？

TAO 2018-06-21 13:28:23 0  5  1720

获取特定移除商品的购物车商品键ID：WooCommerce购物车

在WooCommerce中，我有一个自定义cart.php模板，我需要在其中检查删除的产品（项目）是否是独一无二的，然后根据该信息进一步编码。有没有一种方法可以在不使用钩子的情况下找到已删除项目的这个ONEKeyid，即通知'“ItemX”已删除的那个。撤消？'？我在任何地方都找不到任何解决方案。

P粉384244473 2024-04-04 16:35:18 0  1  363

如何在ReactJS中实现值变化时的渲染

当我点击添加到收藏夹（添加到本地存储但不更新计数时，当我点击按钮ref时，更新计数，我正在为我的电子商务项目做这个，我有一个愿望清单。当我将物品添加到愿望清单时，我将物品添加到本地存储中。我需要显示我添加到愿望清单的物品数量。我不知道如何在值（本地存储）更改时自动渲染标题。我添加了一个按钮，通过onClick调用cou。当我将物品添加到愿望清单时，什么都没有发生（不渲染），当我点击按钮时一切都很好

P粉685757239 2023-09-15 22:36:49 0  1  791

javascript - 原生js+localStorage实现购物车效果

问题：1.页面第一次打开的，由于没有本地存储，不会调取数据，商品加1，不会加入购物车，但再加1 购物车一下 加2件，后面课正常加减2.每一样商品添加第一件的时候 不会进入购物车 第2件的时候就加入了。 展示效果...

高洛峰 2017-06-12 09:26:38 0  1  990

如何从 Woocommerce 购物车项目获取产品变体属性 slugs

我需要检查购物车以查看是否在任何产品上添加了特定的产品属性。（这是在挂钩到woocommerce_package_rates的自定义运输功能内。）我有购物车中每个商品的变体ID，但我不知道如何获取该商品的变体slug...foreach(WC()->cart->get_cart()as$cart_item){//$product_in_cart=$cart_item['product_

P粉895187266 2024-02-04 10:19:26 0  1  447

java - 在用户不登录的情况下，用户如何添加保存到购物车？

遇到这种情况： 有些用户比较嫌麻烦，要求在 "不登录" 的情况下，把所选购的商品添加到购物车中，在登录的时候，将未登录时候添加的东西添加到购物车中。 我目前知道的方法是通过"Cookie"，将商品的ID保存到用户...

PHP中文网 2017-05-17 10:05:11 0  5  1002

javascript - 购物车的JS底层原理是怎样的？

1.购物车的底层原理是怎么样的？怎样才能完成统计？2.使用函数传参做出来前半部分，后半部分该如何实现？3.代码如下： {代码...} 下面那部分的：商品合计一共n件，其中最贵的商品单价是a元，总共花费了b元的那部...

習慣沉默 2017-05-19 10:36:16 0  3  651

导航栏组件不会在状态更改时重新渲染

我正在尝试创建一个购物车。我创建了一个上下文，并在按购物车上的增量和减量按钮时将状态作为值传递，我的商品计数正在更改，但当我在导航栏组件中使用相同的上下文时，购物车中的商品总数不会更改。我附上下面的代码片段这是我创建上下文的地方constinitialState:initialType={cartItems:cartItems,totalItems:cartItems.reduce((accumu

P粉037880905 2023-09-07 12:01:10 0  1  466

javascript - checkbox 清除问题

打开另一个购物中心 清除掉上面复选框选中的 怎么搞 菜单栏的js代码 往哪里加呢？

过去多啦不再A梦 2017-06-22 11:53:52 0  4  866

最受欢迎的商品名称，吸引首次购买的买家

假设我有一个带有DateTime列的表，名为purchase_time，还有其他订单细节（store_id、buyer_id、item_id、value），我想找到买家在他们第一次购买时最常购买的商品名称。到目前为止，我已经做到了这一点，但如何找到最受欢迎的商品呢？selectstore_id,fromtransactionswherepurchase_timein(selectmin(purch

P粉164942791 2023-09-01 18:51:31 0  1  574

为什么我收到无法读取未定义的属性（读取'innerHTML”）？

我正在为电子商务网站创建购物车，我正在更新与数量相关的商品总价，但我运行了错误？functionupdatetotal(){constcartContent=document.getElementsByClassName("cart-content")[0];constcartBoxes=cartContent.getElementsByClassName("cart

P粉205475538 2023-09-08 21:26:37 0  1  860

模板无法捕捉到计算属性的内容，但生命周期钩子可以正常记录

我正在创建一个网店，在这里您可以选择在不干扰购物车内容的情况下订购产品。我实现的方式是共享一个页面，用于购物车项目和单个产品。它会检查是否设置了productID参数，如果是，则使用不同的数据。这是我编写的函数：computed:{products:function(){if(this.$route.query.pid){varproduct=[{}]axios.get(`/api/product

P粉604669414 2023-08-30 23:44:38 0  1  535

基于角色的可变产品

我有一个销售可变产品的WooCommerce商店，例如吹箭变量：单个物品盒装4个。我正在尝试使可变产品在登录时不显示单个物品选项。我已经做到了隐藏选项标签文本的程度，但并没有完全删除选项

P粉174151913 2023-08-06 13:06:26 0  1  485