如何将数量输入字段移动到“添加到购物车”按钮旁边- wordpress
在WordPress中，将数量输入字段移动到“添加到购物车”按钮旁边可以通过以下步骤实现：
- 打开WordPress后台管理界面，进入“外观” -> “编辑器”。
- 在编辑器中，找到和编辑你的主题的模板文件，通常是“single.php”或“content.php”。
- 在模板文件中，找到添加到购物车按钮的代码。这段代码可能类似于：
<a href="<?php echo esc_url( $product->add_to_cart_url() ); ?>" class="button product_type_<?php echo esc_attr( $product->product_type ); ?> ajax_add_to_cart"><?php echo esc_html( $product->add_to_cart_text() ); ?></a>- 将上述代码复制到你想要放置数量输入字段的位置，例如：
<div class="quantity">
<input type="number" step="1" min="1" name="quantity" value="1" title="数量" class="input-text qty text" size="4" inputmode="numeric">
</div>
<a href="<?php echo esc_url( $product->add_to_cart_url() ); ?>" class="button product_type_<?php echo esc_attr( $product->product_type ); ?> ajax_add_to_cart"><?php echo esc_html( $product->add_to_cart_text() ); ?></a>- 保存并更新你的模板文件。
- 刷新你的网站页面，你会看到数量输入字段已经移动到“添加到购物车”按钮旁边。
注意：以上步骤是基于默认的WooCommerce购物车按钮和数量输入字段，如果你使用的是其他电子商务插件或自定义主题，请根据具体情况调整代码。另外，腾讯云没有专门针对WordPress的产品，但你可以参考腾讯云云服务器（CVM）提供的基于Linux系统的云服务器产品来搭建和部署你的WordPress网站。详情请参考：腾讯云云服务器（CVM）产品介绍。
相关·内容
如何将输入字段容器移动到按钮旁边，使它们内联并相互接触？正如您所看到的，使用下面的代码无法正确完成上面的操作。
浏览 165提问于2021-07-28得票数 4
回答已采纳
1回答
我需要一个简单的购物车，将显示其所有的产品(只有9)在一个页面与数量输入框。大多数购物车只有一次添加一个产品的选项，但我想一次添加所有产品。而不是添加到购物车按钮旁边的每个产品，我想只有一个添加到购物车
浏览 4提问于2013-05-13得票数 1
我在每件商品旁边的商店页上都有商品数量。用户可以输入其数量并单击add按钮，该按钮将使用ajax将项目添加到购物车中。默认情况下，我将项数量设置为0；但是，如果用户在数量为0时单击added按钮，则项目将以1的数量添加到购物车中。我想要发生的事情，是，如果项目数量是0，那么会出现一条消息，告诉用户输入他们的<e
浏览 2提问于2015-12-08得票数 2
回答已采纳
我正在运行WordPress 3.8.1运行的Agritourismo儿童主题和Woocommerce 2.1.0。突然间，我对Chrome的产品有了问题。无法调整Chrome中的产品数量，以及主商店窗口中缺少的“添加到购物车”按钮(必须转到单个产品以添加到购物车中)。
我认为这与这些js错误有关。另外，旁边的+-标牌上有上下箭头，不需要重复按钮，很奇怪。
浏览 4提问于2014-02-12得票数 0
例如，假设用户输入某个小部件的型号名称，搜索可能会返回20个不同的小部件模型。每种widget型号都不同，它们都有自己的widget单价和widget型号名称等。现在到了棘手的部分(对我来说不管怎样)，用户应该能够在所需的widget html文本字段旁边输入一个数量。
然后，用户应该能够按下一个添加到购物车按钮，该按钮存储数量和与之关联的型号数量。在每次迭代时，我还会显示应在其中输入</e
浏览 1提问于2009-05-18得票数 0
回答已采纳
1回答
href="/products/add-to-cart/<%= products[i]["_id"] %>" class="btn btn-light">Add to cart</a> 此代码显示一个输入数字字段和一个链接到快递路线的按钮我的问题是，如何将输入字段中的数字作为参数输入到<a>标记的href属性中？ 我还需要发送用户
浏览 33提问于2020-04-10得票数 0
我正在寻找一种方法，使网站上的客户可以被定向到一个强制性输入字段，一旦一个按钮被点击。示例是，如果将四种产品添加到购物车中(来自k p online)，客户需要单击G直到kassan才能继续，然后将它们带到。但是在表单的底部是一个强制字段Postnummer
试图查看如果为空，我们如何将输入游标移动到该字段
浏览 6提问于2016-08-15得票数 0
回答已采纳
我在我的分类页面上有一个网格关闭产品，其中包括一个“添加到购物车”按钮下面的每个产品图像。我已经通过list.phtml文件编辑了这个网格的布局。如何在"add to cart“旁边添加数量输入框？
浏览 1提问于2012-08-05得票数 0
3回答
我正在与Woocommerce一起在WordPress中的一个网站/网店工作，并试图在“添加到购物车”按钮旁边添加一个quantity字段。我发现了本文/教程:如何在WooCommerce (并保持ajax)中向产品存档添加数量- Christian Varga
它有两个小片段-第一个将在我的function.php文件复制/粘贴后正确工作第二个是一些javascript代码，它将使quantity字段与'ad
浏览 6提问于2015-01-22得票数 0
在网站中，我有一个所有产品的单一产品页面，其中有一个数量输入字段，当我在数量输入字段中输入一个值并单击添加到购物车按钮时，它去到一个购物车，它也有一个数量输入字段，但它没有显示在单个产品页面的数量字段中输入的值
浏览 0提问于2016-10-15得票数 0
3回答
我有一张购物车桌子。用户可以将产品添加到购物车。我正在使用php添加或插入记录。我可以创建多个按钮&使用hide & show javascript，如果购物车上已经存在产品，或者没有。CartQty, CartPrice,CartUserID
2, 11, 2, 150, 4 现在，如果一个有4的UserID想要再次将ProductID 10添加到购物车中，那么CartQty值应该根据数量
浏览 32提问于2019-10-17得票数 0
我一直在尝试为购物车上的商品添加一个选项，以便客户可以重命名产品。这用于他们跟踪同一类型的不同产品，并将其发送给不同的人(制作一个购物篮系统)
我已经使用woocommerce_cart_item_name过滤器将输入字段添加到购物车项目中。当用户点击输入框旁边的"ADD“按钮时，我正在使用来自的答案，并在我的javascript中触发wc_update_cart，但它似乎根本不起作用。在添加产品后，是否有其他方法可以将此自定义名称数据<em
浏览 13提问于2017-06-26得票数 0
回答已采纳
我试图在WooCommerce迷你购物车中为每个产品显示一个数量选择器，并且我成功地将这段代码组合在一起(这是不起作用的，没有任何显示)。
我是不是用错了钩子什么的？
浏览 0提问于2019-01-26得票数 1
回答已采纳
我想要一个QTY框旁边的添加到购物车按钮在网格类别视图与产品的最小数量。我试过使用下面的代码，除了字段总是显示'0‘外，它是有效的。
怎样才能使字段显示产品的最小数量，而不仅仅是'0‘。
浏览 2提问于2013-02-13得票数 0
我的自定义WordPress主题从上传目录加载4个图像到页面顶部。然而，它总是相同的4。我想给用户的选择，以指定4个自定义图像，他们创建的每个帖子(这将覆盖我的默认4)。我只是不确定如何将输入字段添加到帖子编辑器中，以便用户每次编辑帖子时都会显示它们。我想我可以在主题激活上添加这些钩子，但不确定发送给wordpress的命令是什么。此外，如果在4个图像字段的旁边都有一个upload按钮，以允许用户将每个文件传输到uploads目录(而
浏览 1提问于2010-03-11得票数 1
2回答
产品目录页面包含一个“阅读更多信息”，它将转到产品信息页面，其中有一个购买按钮和一个数量输入。但是现在客户希望在产品目录页面上有购买按钮(包括数量输入)。这给我带来了一些问题-我已经知道如何将产品添加到购物车中，但无法正确获取数量输入字段的值。即使"productkolli“是fx，它也会在购物车中添加6个产品。1.
谁能告诉我我
浏览 1提问于2013-10-22得票数 0
1回答
到目前为止，我看到的购物车系统包括向购物车中添加少量的商品，并使用下拉按钮(或增量按钮)，用户可以选择产品的数量，并从库存的数量中减去数量。使用下面的数组，我可以从下拉按钮中选择项目的数量。例如，当多达5000项库存，而我想选择100项时，如果有一个下拉(或增量按钮)来检索库存中的总项目并选择他想要的数量，将会变得非常混乱。下拉式的长度会不方便。...state,
浏览 3提问于2022-01-10得票数 0
我需要显示总额与税收在行政/商业/订单使用商业。在这里，订单是在没有税收的情况下显示的，如何才能显示包括税收在内的总额？在视野中，我没有看到任何有税收的道达尔。更新1:我还看到在admin/commerce/orders/XX或admin/commerce/orders/XX/编辑中没有显示税收。我该怎么看订单的税金？？这不可能是对的具有挂起状态的捕获
📷
浏览 0提问于2014-07-22得票数 15
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
