ShopNC二次开发研究日记12:导航菜单伪静态及二级目录制作SEO优化

虫曰:

ShopNC二次开发研究日记》系列由ChinaBUG企划,根据研究ShopNC的二次开发过程而写,其中的案例大多来源于QQ群或者爱好者的提问。


话说,很久没有来写ShopNC开发的内容了,正好刚忙完推广部同事的一个需求就拿来分享一下开发的过程及如何解决的吧。
同事的需求是:
ShopNC每个分类都是以ID的形式存在,如/index.php?act=search&cate_id=621这样子的形式,这样子对SEO不友好^_^想要友好一点的方式,比如可以让人访问/sxgr/sg/pg这样的形式来访问分类“生鲜果蔬\水果\苹果”。
简单吧,一看感觉好简单,其实好费时,忙了我好几天才折腾完毕。
闲话不说了,就分享一下我怎么解决这个需求的吧,还是老规矩废话一点,慢慢分析我的解决思路噢。
正文
要想实现这样子的方式,不用说肯定是需要伪静态支持的,然后需要写相关的重写规则来处理了,除了写规则之外就是需要修改程序,让程序输出我们需要的格式了。
……

Javascript-原生上传插件upload-at-click推荐及DIY修改

虫曰:
最近在做项目时,需要使用到上传功能哈~做人太懒了,所以找了一下发现upload-at-click这家伙很棒~可能是javascript原生开发的比较简单还好用的插件第一吧,虫子不经常使用所以不知道具体的哈,不管怎样还是推荐一下。以后要常用了,毕竟现在的项目都是在JQuery与Mootools之间相互切换,哎,不兼容是一个大问题。
插件网址:upload-at-click – Javascript for upload file at one click
插件号称一键上传,实际上使用是真的一键操作!而参数也才数个,配置不像其他的那么复杂。
需要插件的朋友可以点击上面的链接直接去下载,非常棒,值得拥有。
不过在实际项目中用,出现一个问题就是不想上传文件怎么办?
原插件中没有这个功能或者是我不懂吧,反正我自己改了一下哈,挺实用的噢,下面就是修改的过程噢,与您分享。

ShopNC二次开发研究日记9:2.4版本内的商品地区怎么修改与开发

今天乘清明假期回来,腰有点疼就来说说怎么修改ShopNC2.4版本的商品地区数据,让它按照你自己的需求来变换噢。
注意:请安装火狐的firebug插件,然后开启。
1、商品列表右边“所在地”修改
2、所在地区列表的常用地区及省份的增加删除
3、改完布局,我们还能修改什么呢?对~前台,商品发布有所在地选项怎么修改噢?
4、前台所在地区只有二级(省市),怎样扩展为三级(省市区)?

Theme Photolux : A TimThumb error has occured

漂亮吧,不过最近安装在phpcloud的免费空间上却是让我很烦恼,这个主题安装上去却显示不正确表现为前台显示图片都是一个叉叉,图片显示不正常,老是显示下面的错误?!
A TimThumb error has occured
The following error(s) occured:
Could not find the internal image you specified.
Query String : src=http://cmsdemo2014.my.phpcloud.com/wp-content/uploads/2014/03/dd6463e4958eaaa84b44f199333d0f8d.jpg&h=&w=290&zc=1&q=100&a=c
TimThumb version : 2.8.11
好神奇!
😛 知识点延伸:
可能你会觉得奇怪为什么你只看到图片显示不正常,没有看到这个错误哈 😛 ,这个其实是正常的,因为这个错误是我直接访问图片文件链接而产生的错误。
具体操作如下:
我们知道图片显示是根据标签的src属性来显示图片的,那么图片显示不出来就是src这个图片源出现问题(图片源可以是一个图片文件的路径也可以是图片的代码噢),既然这个src是图片源。那么自然就能直接打开,所以我的打叉的图片的src是:
http://cmsdemo2014.my.phpcloud.com/wp-content/themes/photolux/lib/utils/timthumb.php?src=http://cmsdemo2014.my.phpcloud.com/wp-content/uploads/2014/03/安卓壁纸_动漫66c143d81e.jpg&h=&w=290&zc=1&q=100&a=c
我直接从浏览器中打开,就会出现上面的提示了。另外,有很多朋友经常性的会遇上系统的验证码显示不正常的问题,然后不知道怎么解决,其实跟这个原理是一样的,先直接打开链接看看是否正常,然后再进入相关的文件内去找有问题的地方,然后不断的重试,直到图片正常显示出来,那么再调用的地方一定就是正常的了。
如果是ShopEX/ShopNC商城系统出现验证码的问题那么请查阅本博客的另外相关的文章:
ShopEX-登陆时验证码显示错误造成不能登陆
PHP-Unicode签名(BOM)影响缓存输出实例
PHP-噢~&#65279(BOM文件头)你这个坏蛋
言归正传,既然知道是这个文件显示错误的话,那么当然就是直接找到这个文件来查看为什么出现这种错误了。
找到wp-content\theme\photolux\lib\utils\timthumb.php文件,然后一步步的跟踪下去,我发现,程序不工作是因为找不到正确的文件路径造成的,知道原因了那就直接修改一下即可(轻描淡写的说出这个原因,实际背后是我一个个代码隐藏,一个个试过去才知道造成问题的所在噢):

在线应用生成器

开源项目
color-thief颜色小偷:http://lokeshdhakar.com/projects/color-thief/

前端辅助
Bootstrap线格查看器:http://alefeuvre.github.io/foundation-grid-displayer/
Gridpak响应式网格工具生成器:http://Gridpak.com

图形生成
Iconion: awesome icon creator图标自动生成:http://www.iconion.com/index.html
圆形饼状图:http://piecolor.com/
Clipping Magic抠图工具:http://clippingmagic.com/

mootools-DIY系列2:模仿淘宝设计一个商品飞入购物车的特效果的插件

虫曰:

mootools-DIY系列》系列由ChinaBUG企划,根据二次开发过程的需求而编写,其中的案例大多来源于客户需求及常用的需求。

从事网站建设及商城开发这么多年了,没什么长进,每每遇到需要的特效时总是到处寻找,不断测试不断的在不是很适合的脚本特效上做修改,总是觉得浪费很多的精力与时间,早就想要做一个脚本库框架,可以满足全部的需求又能够很容易的做二次开发定制的,但一直难以如愿,暂时先来DIY自己需要的效果吧,等有经验了再来设计吧。

mootools-DIY系列1:模仿淘宝设计一个商品飞入购物车的特效果看完了,是不是觉得比较简单噢,那么本系列2我们继续来个高深的,怎么封装这个代码变成插件,可以让人下载回去直接使用的呢?
怎么来写一个mootools的插件呢?!
推荐阅读老外的专著:How to write a Mootools Class 非常棒的一个教程,从零教你怎么制作一个插件类噢
下面来写一个mootools.fly2cart.js插件吧~~

mootools-DIY系列1:模仿淘宝设计一个商品飞入购物车的特效果

虫曰:

mootools-DIY系列》系列由ChinaBUG企划,根据二次开发过程的需求而编写,其中的案例大多来源于客户需求及常用的需求。

从事网站建设及商城开发这么多年了,没什么长进,每每遇到需要的特效时总是到处寻找,不断测试不断的在不是很适合的脚本特效上做修改,总是觉得浪费很多的精力与时间,早就想要做一个脚本库框架,可以满足全部的需求又能够很容易的做二次开发定制的,但一直难以如愿,暂时先来DIY自己需要的效果吧,等有经验了再来设计吧。

有一个客户需要我协助代写脚本开发mootools版的飞入购物车的特效,报价700结果嫌贵没做跑了~真是好一阵伤心呐~难道这年头做技术的就是这么廉价吗?!
郁闷的话就不说了~这边就公开一下设计思路,给想免费的童靴一个圣诞礼物吧~

ShopNC二次开发研究日记7:懒加载-按需下载图片资源加快网站打开载入速度

虫曰:
《ShopNC二次开发研究日记》系列由ChinaBUG企划,根据研究ShopNC的二次开发过程而写,其中的案例大多来源于QQ群或者爱好者的提问。

现在的懒加载技术真的是应用的很泛滥,但是ShopNC的首页竟然没有,但是,我们进入商品列表页会发现ShopNC其实是有懒加载的,那么我们能不能在首页上使用呢?
答案是肯定的,要不就不会写这个日记啦~
DIY开始了~修改一个文件实现懒加载噢
请找到templates/default/home/index.php文件,然后搜索这行字符串,然后修改为下面的代码即可,轻松加愉快呀~~