如何简单地改变产品数量框的大小 (WooCommerce购物网店教程)

今天，有位中国的支持者在微信(WeChat)问，”怎样把产品的数量框加大?” 前几天，也有支持者问过类似的问题。因为他的客户购买的数量大，几百或过千，由于购物数量框太小，所有后面的数字不可以显示，想把数量框调大些。今天就写篇文章来讲讲如何容易地调整数量框的大小。

首先，WooCommerce是全球最受欢迎的购物网站或销售型网站系统。根据WordPress官网的数据显现，平均每天WooCommerce都被下载几万次。

要建立一个功能强大的销售型网站或购物网站，你只需在US Domain Center (美国域名中心)这家知名的全球性公司购买域名(网址)和空间(主机空间)，然后一键安装免费WordPress建站平台(CMS)。在我们制作的视频教程中可以看到，从购买到网站上线也只需大概10分钟的时间，无需备案 (接受支付宝，信用卡和任何国家的货币)。

接着，你可以选择购物网站主题，安装WooCommerce电子商务系统，和添加产品就可以了。我们也制作了视频教程来一步步教你如何自己建立一个功能强大的购物网站, 电子商务网站或外贸网站 (只需2小时)。

你是不需要任何的专业知识或学习编程知识(CSS, PHP, HTML等)来建立功能强大的完整销售型网站或购物网站的。

同样的，要修改产品数量框大小也是非常简单，常用有两种方法:

方法一: 安装插件

你可以直接安装和启用 WooCommerce Quantity Increment 插件来改变数量框大小，它还可以改变数量框的外形，如下图。

点击 插件  –> 安装插件  –> 在搜索插件那里输入 WooCommerce Quantity Increment –> 安装和启用 就可以了

 

方法二: 输入简单代码

点击外观 –> 编辑CSS –> 额外CSS –> 然后添加以下的代码就可以了。

.woocommerce .quantity .input-text.qty.text {
    width: 70px;
    height: 36px;
    padding: 5px;
}

注：
1) 现在一般的主题都有CSS框，让你为主题简单添加额外代码。如果你的主题没有额外CSS框，你直接安装 Simple Custom CSS 插件和启用就可以了。

2) 上面代码的框框的大小可以随意改动，如width (宽)可以从70改成80或60，或 height (高)可以从36改成45或30。

如果有其它问题，你可以在下面留言，也可以通过电邮或微信联系我们。

如果你想拥有一个销售型网站或购物网站，你可以去US Domain Center购买域名和空间，每一个网站都需要的两样东西。