我需要制作许多定制按钮来将产品添加到购物车中:

<button type="button" class="button add_to_cart" data-product_id="998" data-quantity="1">
  Add to cart
</button>

带链接的方法很差,不能正常工作:
https://site-link/?add-to-cart=998&quantity=1

我try 了许多其他 Select ,但都没有奏效.

推荐答案

对于简单的产品类型,要显示添加到购物车按钮,有多种方法.

  1. 使用AJAX添加到购物车按钮:

    <a href="#" class="button add_to_cart_button ajax_add_to_cart" data-product_id="998" data-quantity="1" rel="nofollow">Add to cart</a>
    
  2. 使用POST方法和一个提交按钮,需要一个周围的表单:

    <form class="cart-custom" method="post">
        <input type="hidden" class="qty" name="quantity" value="1">
        <button type="submit" name="add-to-cart" value="998" class="single_add_to_cart_button button">Add to cart</button>
    </form>
    
  3. 使用带有链接按钮的Get方法(但它在URL中显示查询字符串):

    <a href="?add-to-cart=998&quantity=1" class="button add_to_cart_button" rel="nofollow">Add to cart</a>
    

Html相关问答推荐

一次悬停可触发同一分区中的另一次悬停

Xpath:提取标签之间的文本,但一旦出现嵌入标签就停止

如何增加行背景的宽度而不影响上面的内容?""' HTML CSS

输入表单在奇怪的地方舍入的标签

如何通过扭曲元素来倾斜元素?

如何最大限度地减少Cookie同意代码对性能的影响?

每个元素的CSS网格高度相等,以保持响应性

单独处理Button:Focus的多行按钮

带有图标和悬停过渡的CSS按钮

十进制数字不适用于格网项目的格网布局线放置中使用的SPAN关键字

为什么一个 CSS 网格框比其他网格框低?

为什么我的 html 对话框在 React 中没有渲染在我的内容之上?

如何在黑暗模式切换中添加图标

排列卡片时遇到困难

Sass 混合动画未正确应用

如何将 HTML DateTime 转换为 Golang Time 对象

单击时 HTML 锚元素不重定向到相对路径

具有淡入/淡出效果的 CSS 选框

如何使列表的第一个元素比 css 中的其他元素大?

下拉菜单项在页面加载时显示,需要隐藏直到悬停