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功能
- 系统设置-网店设置-服务器设置-开启SSL功能;备注:我使用的是OpenCart中文免费版,这个功能被阉割掉,所以设置失败;
- 修改根目录下的config.php,找到//HTTPS的HTTPS_SERVER部分,把网址http加入s,其他部分的http不需要加;
- 修改admin目录下的config.php,找到//HTTPS部分,把网址http加入s;
- 推荐这家免费的ssl服务:https://freessl.cn/
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