麦田的博客

OpenCart商城程序使用经验

2019-12-10


OpenCart商城程序是一款来自国外的电子商务程序,上手简单,我使用的是成都光大网络科技公司优化的OpenCart中文版,经验如下:

1、录入产品和其他信息时,英语必填,但我只做国内市场,怎么删除英文版本?

解决:系统设置 - 参数设置 - 语言设置,删除英语版本,如果只是停用也不行!

2、 OpenCart删除人民币以外的货币?

解决:同上,系统设置 - 参数设置 - 货币设置,删除掉不用的货币!

3、去除OpenCart的收藏和对比功能,产品列表页面的小图片,鼠标放上去会优先提示收藏和对比按钮,点击进入看产品的操作因此不方便,所以怎么删除OpenCart的收藏和对比功能?

解决:后台没有这些功能的开关,于是我用谷歌浏览器的F12键查看网页源码,可以看到收藏和对比按钮的源码是:div class="button-group”

用notepad++搜索这段话找到文件: catalog/view/theme/default/template/_partial/product/productsingle.twig

打开后删除以下部分:

<div class="button-group">
	  	<button type="button" class="btn btn-default" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="fa fa-heart"></i></button>
	  	<button type="button" class="btn btn-default" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="fa fa-exchange"></i></button>
  	</div>

上传到服务器覆盖原文件(必须先备份原文件),成功的删除了收藏和对比功能!

OpenCart图片列表还显示产品的五颗星星评分,删除星星的方法是,还是上面这个文件,删除以下文件:

{{ include(helper.template('_partial/product/rating_block')) }}

顺便可以删除首页的加入购物车按钮,删除以下:

{{ include(helper.template('_partial/product/product_button_block')) }}

删除首页产品缩略图下面的购物车按钮后,在电脑端鼠标点击产品图片前,价格的颜色会变成白色,和底色相同,就不可见。那怎么修改价格的字体颜色:

解决:这次使用F12并不好找,于是保存首页为html文件,再用dw打开,找到相应的代码如下

.product-thumb:hover .price {
		opacity: 0
	}
解释:opacity意思是透明性,数值为0是透明不可见,设置为1即可显示本来的颜色

4、去除OpenCart版权信息

解决:用notepad++搜索全站,搜索词为版权信息,找到后修改或者删除。

5、OpenCart加入百度统计

解决:插件管理 - 插件管理 - 流量统计

6、重要:OpenCart加入代码

解决:找到文件夹:catalog\view\theme\default\template\common,编辑里面的文件:footer.twig和header.twig,然后上传即可。 注意:编辑另外一个文件夹admin\view\template\common内的文件无效。

7、修改产品页面的CSS

解决:因为要在产品页面添加按钮,需要在CSS里加入按钮代码,找到以下文件修改上传即可:catalog\view\theme\default\stylesheet\stylesheet.css

8、删除修改加入购物车按钮

解决:chrome浏览器按F12,找到购物车按钮上一级的div内容form-group product-cart-action,由此找到文件catalog\view\theme\default\template\product\product.twig,删除以下这段:

 <div class="form-group product-cart-action">
              <div class="quantity-input-wrapper">
省略部分...
                <button type="button" data-toggle="tooltip" class="btn btn-default" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product_id }}');"><i class="fa fa-heart"></i></button>
                <button type="button" data-toggle="tooltip" class="btn btn-default" title="{{ button_compare }}" onclick="compare.add('{{ product_id }}');"><i class="fa fa-exchange"></i></button>
              </div>
            </div>

或者将以上内容修改成如下自己的按钮:

<div class="form-group product-cart-action">
<a id="button01" style="font-size: 18px;" href="http://www.mtdsj.com/">点击发财</a>
</div>

顺便删除分享部分:

{{ include(helper.template('_partial/share'), {share_url: share}) }}

分享部分可以修改为广告或者按钮,直接替换以上这段即可

9、修改产品页面价格颜色 善用浏览器的F12,找到相关内容,全站搜索:product-price-wrapper,添加颜色代码。

10、修改底部版权信息

通过note+++搜索技术支持,找到以下文件:catalog\language\zh-cn\common\footer.php,修改后上传覆盖即可

11、OpenCart添加ssl功能

12、首页展示产品的数量

页面设计 - 页面布局 - 首页 - 编辑【最新产品】- 默认是8


除此以外,还有以下几个来自国外的电子商务程序:

1、WordPress + WooCommerce

2、Shopify

3、Magento

4、PrestaShop

5、Zen Cart

6、osCommerce 老牌的免费+开源购物车软件.7000+免费组件

7、nopCommerce 一款基于asp.net的高质量的开源的电商解决方案

8、simpleCart js 源自德国,基于JavaScript的轻量级购物车软件,无需数据库,懂Html即可


还有国内的几个电子商务程序,ECShop和Shopex是两个老牌商城程序,已经合并为一家公司。还有些国人制作的商城程序,比如:ShopNC、ShopsN、Tpshop、HiShop、Niushop、DBShop,都是收费程序,我没有使用过。

免费的国产电子商务程序有:百家cms微商城,还有Fecmall


相关内容

  • 免费商城程序ShopXO
  • Hugo升级方法和遇到的问题
  • HTML引入CSS的方法和示例
  • vscode的使用经验-编辑md文件
  • WFPHP微商城程序
  • WFPHP订单系统教程
  • 麦田收集的优秀网站
  • RAKsmart主机教程
  • Win10系统安装Jekyll详细教程
  • Markdown写静态网站指南
  • 标签

    OpenCart商城程序程序教程