开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

删除Woocommerce中的“添加到购物车”按钮，但保留变体

在Woocommerce中，"添加到购物车"按钮是一个用于将商品添加到购物车的重要功能。如果您想删除该按钮，但保留变体，您可以通过以下步骤实现：

登录您的WordPress后台。
导航到“外观”>“编辑器”。
在右侧的“模板”列表中，找到并点击“单个产品”模板（single-product.php）。
在编辑器中，查找包含“添加到购物车”按钮的代码。通常，它会类似于以下代码：

<form class="cart" method="post" enctype="multipart/form-data">
    <?php
        do_action( 'woocommerce_before_add_to_cart_button' );
        do_action( 'woocommerce_before_add_to_cart_quantity' );
        woocommerce_quantity_input( array(
            'min_value'   => apply_filters( 'woocommerce_quantity_input_min', $product->get_min_purchase_quantity(), $product ),
            'max_value'   => apply_filters( 'woocommerce_quantity_input_max', $product->get_max_purchase_quantity(), $product ),
            'input_value' => isset( $_POST['quantity'] ) ? wc_stock_amount( wp_unslash( $_POST['quantity'] ) ) : $product->get_min_purchase_quantity(),
        ) );
        do_action( 'woocommerce_after_add_to_cart_quantity' );
    ?>
    <button type="submit" class="single_add_to_cart_button button alt"><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>
    <?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>
</form>

删除上述代码中的整个<form>元素，包括按钮和相关的PHP代码。删除后的代码应该如下所示：

<?php
    do_action( 'woocommerce_before_add_to_cart_button' );
    do_action( 'woocommerce_before_add_to_cart_quantity' );
    woocommerce_quantity_input( array(
        'min_value'   => apply_filters( 'woocommerce_quantity_input_min', $product->get_min_purchase_quantity(), $product ),
        'max_value'   => apply_filters( 'woocommerce_quantity_input_max', $product->get_max_purchase_quantity(), $product ),
        'input_value' => isset( $_POST['quantity'] ) ? wc_stock_amount( wp_unslash( $_POST['quantity'] ) ) : $product->get_min_purchase_quantity(),
    ) );
    do_action( 'woocommerce_after_add_to_cart_quantity' );
?>

点击“更新文件”保存更改。

通过执行上述步骤，您已成功删除了Woocommerce中的“添加到购物车”按钮，但保留了变体。用户将无法直接将商品添加到购物车，但仍可以选择变体并更新数量。

请注意，这只是一种删除按钮的方法，具体实现可能因您的主题和版本而有所不同。在进行任何更改之前，建议您备份您的网站，并确保您对代码的修改有所了解。

相关搜索:仅在购物车中保留WooCommerce variable产品的最新变体从WooCommerce中的购物车中删除特定的产品变体显示添加到购物车消息中的woocommerce中的产品变体 WooCommerce:删除归档上的添加到购物车按钮，但不是购物车中的按钮隐藏WooCommerce中的“添加到购物车”按钮，但显示库存状态获取购物车项目变体名称，而不是WooCommerce中的变体ID 如何从WooCommerce中的相关产品中删除添加到购物车按钮？Woocommerce 3过滤器单一变体添加到购物车按钮html 如何删除所有woocommerce消息(添加到购物车、从购物车中删除等)WooCommerce:从图库中删除缩略图，但保留滑块导航禁止从Woocommerce中的购物车中删除更改WooCommerce中“添加到购物车”按钮的超文本标记语言根据WooCommerce single products中的权重替换添加到购物车按钮用于自定义产品的Woocommerce添加到购物车按钮移动“添加到购物车”按钮和价格下方的变体下拉菜单添加到购物车-对于Shopify / Liquid上的每个变体，从使用添加到购物车按钮选择下拉变量更改为单个添加到购物车按钮如何隐藏单个产品页面上的添加到购物车按钮- woocommerce “添加到购物车”按钮上的重定向问题woocommerce到结帐 Woocommerce产品存档上的有条件添加到购物车按钮在Woocommerce中删除购物车更新中的重复div

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

woocommerce shortcode短代码调用

– 显示订单跟踪表单在大多数情况下，这些短代码将通过我们的入门向导自动添加到页面中，无需手动使用。...按ID显示单个产品的价格并添加到购物车按钮。...： [add_to_cart id="99"] ---- 添加到购物车网址按 ID 在单个产品的添加到购物车按钮上显示 URL。...WooCommerce的页面上显示WooCommerce通知 [shop_messages]允许您在非WooCommerce页面上显示WooCommerce通知（例如，“产品已添加到购物车”）。...---- woocommerce短代码常见问题变体产品 SKU 未显示关于 SKU 短代码的使用，例如，变体产品 SKU 不打算单独显示，而不是父变量产品 SKU。

11.2K2 0

删除指定文件夹及其子文件夹中的所有文件，但保留文件夹

excelperfect 标签：VBA 经常要整理电脑中的文件，特别是每当要自查电脑文件时。每次都是将一个一个文件夹打开，将其中的文件全部删除，但要保留文件夹，以便于后面再陆续存放新的文件。...其实，这样的工作使用VBA来很好解决。下面的程序会删除指定文件夹中的所有文件，包括其子文件夹中的文件，但会保留文件夹，即保留文件夹框架，以便再往里面存放新文件。...Sub KillFiles(strPath As String, Optional blnRecursive As Boolean) ' 本过程返回目录中的所有文件到Dictionary对象中....' 如果递归调用则同时返回子文件夹中的所有文件....GoTo GetFiles_End End If On Error GoTo 0 ' 遍历Files集合,添加到字典.

5381 0

为woocommerce开发支付网关插件，对接支付通道

，所以无需验证，你可以直接空着或者是删除这个验证类方法。...客户填写其卡数据并单击“购买”按钮。...我们使用WooCommerce中的事件延迟表单提交，并将带有卡数据的AJAX请求直接发送到我们的支付处理器，checkout_place_order 如果客户详细信息正常，处理器将返回一个令牌，我们将其添加到下面的表格中...，现在我们可以提交表格（当然在JS中），我们使用PHP中的令牌通过支付处理器的API捕获付款。..., true ); // 空购物车 $woocommerce->cart->empty_cart(); // 重定向到感谢页面 return array

3401 0

The7 v.11.11.3 — WordPress 网站和电子商务构建器

全面的设计体系和主题风格设计系统功能允许快速更改整个网站的版式和颜色。高级主题样式编辑可让您定位网站的默认样式。例如，一般排版、标题、按钮、表单等。...The7 将其提升到了一个全新的水平。您的网上商店不再需要与其他许多商店一样！您可以创建完全自定义的店面、产品页面、产品列表、购物车、结帐等等！同样，这在其他 Elementor 主题中是不可用的。...Ultimate Addons 是它的终极扩展。时代变了，但 WPB 仍然拥有众多追随者。尽管我们现在主要关注 Elementor，但 The7 仍然是该页面构建器最受欢迎的选择。...2.修复了The7 Post Loop小部件在搜索模板中损坏的问题。 3. 在“社交图标”WPB 简码中的链接属性之间添加了缺失的空格。 4.解决了WC产品属性元未导入的问题。 5....更正了编辑器模式下帖子 Masonry & Grid 小部件的布局。 6.更新了分享按钮中的“X”图标。下载&演示演示 dt-the7-v11.11.3.zip 下载大小 8.8MB

1631 0

Lighthouse的跨境电商独立站秘籍！

和第一种方式不同的是，卖家在搭建过程中仅需要购买一台云服务器（必要时还需要购买店铺主题，不过这都是后话了），但比较折腾的一点是，同时需要卖家自行部署运行独立站相关的服务，更别说购买云服务器时要设置一大堆看不明白的配置了...但都设置为英文，在后台的操作将举步维艰，要解决这个问题，就要了解如何只修改后台的语言，而不影响访客看到的部分。...这个时候可能会发现，WooCommerce这几个导航依然是英文，这要怎么办？ WooCommerce插件语言找到【仪表盘-更新】，拉到最下方可以看到【更新翻译】的按钮，点它就是了。...以使用模板添加为例：选择产品模板类型，包括实物产品、数字产品以及变体产品（变体产品支持设置多样的产品属性，例如颜色、尺寸、材质等）；编辑产品信息（以实物产品为例）包括产品名称、产品描述、产品类型、产品价格...、产品图片、产品标签等；产品发布：点击发布按钮，即可上架商品。

14.5K1 0

21个顶级开源或免费的跨境电商b2c系统

WooCommerce (WordPress) 官方地址: https://www.woothemes.com/woocommerce/ WooCommerce是目前最流行的开源电子商务解决方案...这个PHP购物车提供了你在大多数免费的购物车中找不到的东西。你将需要手工编写代码并使用HTML来充分利用这个电子商务系统，但是如果你有足够的时间或人员，也有足够的空间进行定制。...该平台被576,862个电子商务网站使用，但其中有4,841个位于Alexa.com的前100万个网站中 – 对于相对较小的电子商务平台而言，这个数字并不算差。...Ubercart 官方地址: http://www.ubercart.org/ Ubercart用户数量排在前30个，Ubercart专为与Drupal合作而设计，可以对购物车中的产品进行处理，...RokQuickCart 官方地址:https://rockettheme.com/ 当你将其添加到Joomla时，立即开始工作，此购物车可与Google Checkout，Paypal和Amazon

11.7K0 0

Lighthouse: WooCommerce！

和第一种方式不同的是，卖家在搭建过程中仅需要购买一台云服务器（必要时还需要购买店铺主题，不过这都是后话了），但比较折腾的一点是，同时需要卖家自行部署运行独立站相关的服务，更别说购买云服务器时要设置一大堆看不明白的配置了...图片但都设置为英文，在后台的操作将举步维艰，要解决这个问题，就要了解如何只修改后台的语言，而不影响访客看到的部分。...图片这个时候可能会发现， WooCommerce 这几个导航依然是英文，这要怎么办？图片WooCommerce 插件语言找到【仪表盘-更新】，拉到最下方可以看到【更新翻译】的按钮，点它就是了。...以使用模板添加为例：选择产品模板类型，包括实物产品、数字产品以及变体产品（变体产品支持设置多样的产品属性，例如颜色、尺寸、材质等）；编辑产品信息（以实物产品为例）包括产品名称、产品描述、产品类型、产品价格...、产品图片、产品标签等；产品发布：点击发布按钮，即可上架商品。

9.8K17 12

WordPress插件WooCommerce任意文件删除漏洞分析

漏洞影响我们检测并上报了WooCommerce中存在的一个文件删除漏洞，这个漏洞已经在WooCommerce的v3.4.6版本中成功修复。...这篇文章主要介绍的是如何删除WordPress服务器中的特定文件，并禁用安全检测，最终导致目标网站被完全接管。...默认行为下函数返回的值为true，但meta权限函数返回的值可以决定当前用户是否可以执行这样的操作。...这个文件删除漏洞存在于WooCommerce的日志记录功能中，日志会以.log文件的形式存储在wp-content目录中。当商铺管理员想要删除日志文件时，他需要以GET参数来提交文件名。...总结在之前的文章中，我们介绍过如何去利用WordPress的文件删除漏洞了，并且演示了如何将文件删除提升为远程代码执行。

1.6K3 0

Google Analytics增强版电子商务功能的分步指南

展现有关已查看的产品的信息，并称为impressionFieldObject。 ? 产品已查看、已添加到购物车等的具体产品数据，称为productFieldObject。 ?...插件功能借助GA增强型电子商务插件，您可以通过将正确的命令添加到跟踪代码中来跟踪各种事件和操作。其中的细节关键是，要通过正确的命令为正确的页面找到正确的特征。...清楚的知道转化漏斗中访客流失的位置可以让您了解如何解决问题。如果有很多人查看了产品，但大多数离开了网站，且没有添加任何东西到他们的购物车，怎么办？...代码添加位置：每个专属产品页面的“添加”按钮处。...其他的跟踪功能该插件还可以做更多事情：使用'ec：setAction'，' refund'命令跟踪退款数据，使用'ec：setAction'，'remove'监测从购物车中删除的产品数据，分析产品绩效

4.3K4 0

woocommerce通过代码添加商品之核心代码

前言开发woocommerce批量发布商品插件的过程中，需要通过代码的形式将商品发布。分享用到的核心代码。包括商品创建、图片下载上传、变体商品添加。调试了好久，终于搞定。...核心代码图片下载并上传媒体库收到的产品链接，有时候不是标准链接，自己加上处理过程。...'tmp_name' => $temp_file ); // 将图像添加到媒体库...HTML 标记添加到描述中 $new_image_html = ''; $description .= $...变体产品对应商品的不同规格，创建方法独立出来 //创建变体商品 function create_product_variation( $product_id, $variation_data ){

3646 0

优秀组件设计的关键：自私原则

当下次设计迭代时，添加到购物车的按钮现在需要一个图标。迭代2 在验证了产品的用户界面后，决定在添加到购物车的按钮上增加一个图标，这将是有益的。不过，设计人员解释说，不是每个按钮都会包括一个图标。...这似乎是合理的，也是一个可靠的默认值，但让我们通过定义一个具有对比色的图标的变体来给这个运转良好的组件带来麻烦。...迭代4 为了提供一种反馈感，这个确认用户界面阶段被设计为在物品被成功添加到购物车时临时显示。也许这个时候，开发团队会选择对产品需求进行反击。...因此，一个 iconColor prop 被添加到 Butto n中。...Button 的下一个也是最后一个迭代是传说中压垮骆驼的那根稻草。在添加到购物车的按钮中，如果当前物品已经在购物车中，我们想在按钮上显示其中的数量。

1.8K3 0

woocommerce面包屑导航breadcrumb的修改

我们知道woocommerce自带了面包屑导航breadcrumb，但有时我们需要调整一下它所在的位置，那么需要如何操作呢？有哪些参数可以调用呢？...随ytkah一起来看看吧首先删除默认的面包屑导航 remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb',...20, 0); 将导航添加到其它位置，例如放在header.php中，则直接在header.php适当位置插入如下代码 if( function_exists( 'woocommerce_breadcrumb...那么了解一下WC内建的Actions和Filters 修改面包屑导航的参数 // Code source： https://gist.github.com/dwiash/4064836function...delimiter：分隔符 wrap_before：起始标签 wrap_after：结束标签 before：起始标签之后、面包屑导航链接之前的内容 after：面包屑导航链接之后、结束标签之前的内容 home

2K1 0

【iOS】UI基础Day3-笔记(UIButton、购物车综合案例)

&删除商品) 全局属性 //购物车View @property (weak, nonatomic) IBOutlet UIView *shopCarView; //添加按钮 @property (...(hMargin + width) * (index % allCols); CGFloat y = (vMargin + height) * (index / allCols); - 创建商品添加到购物车...initWithFrame:CGRectMake(x, y, width, height)]; //设置商品背景颜色 shop.backgroundColor = [UIColor redColor]; //添加到购物车...= 5); //添加一个商品，就可以删除一个商品，此时要改变删除按钮的状态 self.removeButton.enabled = YES; 移除按钮的点击事件 //移除最后一个商品 UIView...，要改变添加按钮的状态 self.addButton.enabled = YES; //如果购物车商品的数量为0，要设置删除按钮为不可点击 button.enabled = (self.shopCarView.subviews.count

6224 0

JavaWeb16-案例分页实现（Java真正的全栈开发）

删除选中分析商品列表页面如下: 要求: 1.在表头上添加一个复选框.(列表全选或者全不选) 2.在list.jsp中添加一个删除选中的按钮,点击删除选中商品 2....将商品添加到购物车分析在商品详情页面点击购买,将该商品添加到购物车....将商品添加到购物车实现修改product_info.jsp的”购买”链接在add2cartServlet中将商品添加到购物车即可 5....修改购物车中商品数量分析页面删有三个按钮,分别是添加一个,减少一个以及从购物车移除该商品请点击此处输入图片描述请点击此处输入图片描述添加的时候: 1.需要知道对那个商品就行操作的,并且个数是多少,...修改购物车中商品数量实现 jsp页面的修改 a.在按钮上添加单击事件,将当前商品的id,count以及库存传过去 b.在js中判断数量>库存或者的操作 c.在点击删除按钮的时候,将数量置为0即可

3.5K9 0

你离成功只差一个出色的购物车设计

每个电子商务网站都会涉及到购物添加商品这个流程，从用户对你的产品产生购买兴趣开始到用户添加到购物车并且顺利完成下单，购物车设计这个关键环节扮演着举足轻重的作用，也是决定你网站的购买力和复购力的关键因素之一...此外，用户可以从购物车中添加，替换和删除产品；可以增加或删去购物车中每个产品的数量；显示购物车中每件商品的小计费用以及运费，税费等；可以选择继续购物或完成选择结账。...设计师：Cuberto 关于将实物添加到购物车的动画过程。布局非常清晰和个性化。...设计师：Leo Leung 传统的将商品添加到购物车的方式是点击“添加到购物车”这个按钮，但这里设计师改变了一下添加方式，向上滑动，右上方会伸出一只手把你需要采购的物品自动放入购物车，这样的设计是否更优雅并且更具有吸引力呢...设计师：VladGorbunov 关于潮牌的购物应用程序，除了展示商品的基本信息外，购物车中的商品以品牌分类的形式展示，更具直观性。免费的购物车设计模板下载 1.

1.9K2 0

SI持续使用中

此对话框中的许多格式设置控件都显示以下值之一：开–该属性将添加到父样式格式。关–从父样式格式中删除该属性。一个数字-该值替换父样式属性。...添加样式单击此按钮添加新的用户定义样式。删除样式单击此按钮删除用户定义的样式。标准内置样式无法删除。加载… 单击此按钮可以从配置文件中加载新的样式表。...保存单击此按钮可将当前样式表设置保存到新的样式配置文件。该文件将仅包含样式属性，并且不包含可以存储在配置文件中的其他元素。如果加载此配置文件，则仅加载样式属性。...线下这将选择要添加到该行下方的垂直间距的百分比。展开式这将选择要添加到字符的水平间距的百分比。固定空白仅当您选择了按比例隔开的字体时，此选项才适用。...包括在结果中... 单击此按钮可以指定搜索结果中包含哪些信息。搜索选项区分大小写指定搜索是否区分大小写。全字对于“查找引用”模式，此选项始终处于启用状态。

3.7K2 0

事半功倍17招：电子商务转化转化率加倍增长的技巧

你的电子商务网站开发者或插件应该能够提供相关不费力的方式来解决这个问题。 WooCommerce提供有关在其产品文档中管理产品分类标准的信息。...2016年有超过三分之一的人放弃购物车，因为他们不想创建账户，或者是在复杂的结账流程中遇到其他的问题。 ? 你应该避免用户需要注册才能购买。...访问者应该能够“了解更多”或“添加到购物车/购物篮”。 The CoolClub通过一个CTA按钮为买家提供明确的行动。 ?...一旦客户将产品添加到他们的购物篮中，你的主要目标就是让他们结账，而不是混淆他们或者破坏他们的进度。想要引导买家进入销售漏斗的下层，因此“结帐”CTA应优先于“继续购物”CTA。...AndreasCarter Sports将他们的“添加到购物篮”按钮颜色从绿色改为蓝色，这让其废弃购物车率减少了50%。 ? 但你怎么知道什么将会与你的访问者产生较好的反应？

1.6K2 0

【工作篇】接口幂等问题探究

以下准备使用加入购物车为例，实现各个方案 3.2、数据库去重表(唯一索引) 操作步骤 1、通过请求的业务参数，组成唯一 ID 2、通过 ID 查询去重表中是否存在记录，存在则抛出重复请求异常（是否抛出异常...NULL, `quantity` int(11) DEFAULT NULL COMMENT '购买数量', `price` decimal(10,2) DEFAULT NULL COMMENT '添加到购物车的价格...cartPO.getProductId()) .eq(CartPO::getProductSkuId, cartPO.getProductSkuId()); //查询商品，已添加到购物车的...，就增加数量即可(业务逻辑幂等) //因为 select 和 save 操作不是串行执行的，可能有两个线程同时查询到商品没有添加到购物车 //然后同一个商品被两个线程分别入库了，导致购物车出现相同商品的两条记录...; 3.4、使用 Token 机制操作步骤 1、在访问页面时，先获取 Token ，保持到指定的地方 2、在点击加入购物车时，把 Token 放到 Header 或请求参数中，带给后台 3、后台验证

7120 0

8个woocommerce支付网关插件推荐

WooCommerce允许网站所有者添加产品，数字商品，甚至订阅（取决于您已安装的WooCommerce扩展）。但是，对于WooCommerce包含的所有强大功能，仅内置了一些默认付款选项。...虽然这绝不是WooCommerce的每个付款网关选项的完整列表，但我们尝试涵盖了大多数主要选项。希望您在下面找到适合您的客户的WooCommerce付款网关插件！...加上FONDY，您甚至可以自定义商户门户并将其添加到商户门户中，以使结帐过程变得无缝。不去爱的种种？ 3....PayPal Checkout by WooCommerce 任何使用WooCommerce来运行其WordPress商店的企业家都可以使用此功能丰富的附加组件在安全的环境中出售其产品和服务。...同样，它不应以任何方式改变您网站的主题。只需记住，In-Context Checkout使用了一个模式窗口（在PayPal的服务器上）。但结帐后，客户将被重定向回您的站点。 4.

6.8K0 0

shopping Test method

登录后：所有链接是否跳转正确；商品是否可以成功加入购物车； .购物车商品总数是否有限制； .商品总数是否正确；全选功能是否好用； .删除功能是否好用；填写委托单功能是否好用；委托单中填写的价格是否正确显示...；价格总计是否正确；商品文字太长时是否显示完整；店铺名字太长时是否显示完整；创新券商品是否打标；购物车中下架的商品是否有特殊标识；新加入购物车商品排序（添加购物车中存在店铺的商品和购物车中不存在店铺的商品...4.易用性测试删除功能是否有提示；是否有回到顶部的功能；商品过多时结算按钮是否可以浮动显示。购物车目的任何产品功能都有目的，App端的购物车就好比我们在超市的手推车购物车。...对用户来说很明显是结算时引导登陆更友好，但此时需要离线购物车功能，根据设备号记录哪个商品加入到哪个设备的购物车，用户登陆后合并设备下的离线购物车数据和账号下的在线购物车数据。...像淘宝和京东这样的平台，用户添加购物车大多数是为了收藏，所以是下单时扣减库存，如果加入购物车时扣减库存，会造成大量库存被占用，实际又没有结算的浪费；而唯品会是加入购物车时就扣减库存，所以唯品会添加到购物车的商品到

9311 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭