首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

  1. 登录您的WordPress后台。
  2. 导航到“外观”>“编辑器”。
  3. 在右侧的“模板”列表中,找到并点击“单个产品”模板(single-product.php)。
  4. 在编辑器中,查找包含“添加到购物车”按钮的代码。通常,它会类似于以下代码:
代码语言:txt
复制
<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>
  1. 删除上述代码中的整个<form>元素,包括按钮和相关的PHP代码。删除后的代码应该如下所示:
代码语言:txt
复制
<?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' );
?>
  1. 点击“更新文件”保存更改。

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

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

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

删除指定文件夹及其子文件夹所有文件,保留文件夹

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

10010

关于WooCommerce

·WooCommerce是由WordPress.com背后公司Automattic开发,它包括在WordPress官方插件目录,可以从WordPress网站直接访问。...WooCommerce是WordPress里面最受欢迎电子商务插件,它有产品列表和购物车功能,适合用来做在线零售网店、B2C商城、B2B展示型网站等。...·WooCommerce是一套基于WordPress系统购物商城外挂,免费且专业功能丰富网络商店系统,内建购物车与电子型录模式,可以搭建精美的网站版型建立出非常特别有个性网络商店,有别于一般常见...运作方式 ·WooCommerce是一个插件,一小段代码被添加到WordPress核心代码提供现有WordPress网站“框架”。...将产品添加到商店:有了WooCommerce,用户几乎可以出售任何东西,包括服务、音乐和视频文件,以及购买后可以下载数字商品。

4.3K30

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

8910

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.3K00

Lighthouse跨境电商独立站秘籍!

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

14.4K10

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

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

1.6K30

Lighthouse: WooCommerce

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

9K179

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

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

4.3K40

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

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

1.8K30

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

1.8K10

【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

60740

JavaWeb16-案例分页实现(Java真正全栈开发)

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

3.4K90

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

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

1.8K20

SI持续使用

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

3.7K20

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

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

1.5K20

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

以下准备使用加入购物车为例,实现各个方案 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、后台验证

66000

8个woocommerce支付网关插件推荐

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

6.6K00

电子表格也能做购物车?简单三步就能实现

在线商城商品目录和购物车无疑是一种大家都很熟悉交互方式,但是在实际开发,我们可能会遇到以下几个问题: 怎么及时响应产品需求,快速实现功能上线?...工作表绑定→字段列表 将鼠标悬停在 Start 分支上并通过单击绿色 + 按钮添加字段(请注意,这里可以使用“x”按钮删除字段并使用位于分支右侧设置修改这些字段) 拖动模板范围所需单元格字段...sheet.getCell(newRow, newCol).backColor("#53b175"); sheet.resumePaint(); row = newRow; col = newCol; 添加到购物车按钮...添加到购物车按钮是一个简单按钮,显示可以使用超链接功能调用最终将商品添加到购物车事件或调用其他一些电子商务支付功能。...该按钮显示该项目已添加到购物车警报。 想了解更多?

1.4K20
领券