shopex模板问题提问帖[置顶]
作者: kulolo | 发布时间: 星期三, 06/02/2010 - 20:07shopex4.85常用挂件教程——搜索框挂件详解
作者: kulolo | 发布时间: 星期天, 11/14/2010 - 15:16接下来将详细讲解一系列做独立网店需要的常用挂件。今天要讲的是最常用的挂件之一搜索框挂件,也就是搜索商品挂件。在一个独立网店中,搜索是起到很重要的作用,比如我去淘宝买东西,一般来说都是直接搜索商品名来筛选商品的。能够迅速的让客户筛选出自己想要的商品,提高客户的购物体验。
1 挂件路径:./plugins/widgets/search 文件夹下。
2 后台可视化添加挂件路径:添加版块>系统相关>商品搜索。
3 后台挂件选项(如图)
版块标题(使用版块边框后显示的标题名字)
版块模板(挂件模板,可以将自己做的模板替换原有的挂件,展现更多多样漂亮的挂件)
版块边框(对于重复性较多的挂件边框可以做挂件边框用于重复调用)
版块ID:(给该挂件最外层div上加上id)
版块className:(给该挂件最外层div上加上class)
搜索是否显示价格区间:(勾选则有价格区间的输入框)
4 用编辑器打开./plugins/widgets/search/default.html 查看代码。
当然我们可以做的复杂点,比如替换下输入框的value值这样的效果类似目前的京东搜索框。
当然也可以学习下其他的展示效果,例如讲搜索框的默认值设置为:请输入商品名,点击搜索框,文字(请输入商品名)消失,这种购物体验更加不错。
参考代码如下,可以尝试下学习。靠自己也能打造更漂亮的搜索框。

转帖:shopex4.85文章挂件内读取时间的方法
作者: kulolo | 发布时间: 星期四, 11/04/2010 - 20:18一个朋友总结的关于在shopex4.85文章挂件(比如新闻版块,促销版块)内调用文章发布时间的方法。一句smarty标记,如下:
shopex4.85在首页的新闻部分读取时间标签:<{$article.uptime|userdate}>
详细代码:
<dl>
<{foreach from=$data item=data key=key}>
<dt><{$article.uptime|userdate}></dt>
<dd>
<{if $setting.smallPic==6 }>
<{if $setting.picaddress}>
<img src=”<{$setting.picaddress}>” />
<{/if}>
<{elseif $setting.smallPic}>
<{img src=$setting.smallPic path=”icons”}>
<{/if}>
<a href=”<{link ctl=article act=index arg0=$data.article_id}>” title=”<{$data.title}>”>
<{$data.title|cut:$setting.max_length}>
</a>
</dd>
<{/foreach}>
</dl>
shopex4.85在首页的新闻部分读取时间标签:<{$article.uptime|userdate}>
<dl> <{foreach from=$data item=data key=key}> <dt><{$article.uptime|userdate}></dt> <dd> <{if $setting.smallPic==6 }> <{if $setting.picaddress}> <img src=”<{$setting.picaddress}>” /> <{/if}> <{elseif $setting.smallPic}> <{img src=$setting.smallPic path=”icons”}> <{/if}> <a href=”<{link ctl=article act=index arg0=$data.article_id}>” title=”<{$data.title}>”> <{$data.title|cut:$setting.max_length}> </a> </dd> <{/foreach}> </dl>
实现方法:
第一步:在商城网站的如下目录\plugins\widgets\article,复制“default.html”文件重命名“xg_list.html”

第二步:把如下代码复制并替换“xg_list.html” 里的所有内容
————————————————————————-
<{capture name=titleImg}>
<div class=”titleImg”><a href=”<{if $setting.titleImgHref}><{$setting.titleImgHref}><{else}><{link ctl=artlist act=index arg0=$setting.id}><{/if}>”><img src=”<{$setting.titleImgSrc}>” alt=”<{$setting.titleImgAlt}>”/></a></div>
<{/capture}>
<{capture name=articleCat}>
<{if $setting.showTitle==”on”}>
<h4><{$setting.titleDesc}></h4>
<{/if}>
<{/capture}>
<{capture name=articleLoop}>
<dl>
<{foreach from=$data item=data key=key}>
<dt><{$article.uptime|userdate}></dt>
<dd>
<{if $setting.smallPic==6 }>
<{if $setting.picaddress}>
<img src=”<{$setting.picaddress}>” />
<{/if}>
<{elseif $setting.smallPic}>
<{img src=$setting.smallPic path=”icons”}>
<{/if}>
<a href=”<{link ctl=article act=index arg0=$data.article_id}>” title=”<{$data.title}>”>
<{$data.title|cut:$setting.max_length}>
</a>
</dd>
<{/foreach}>
</dl>
<{if $setting.showMore == “on”}>
<div class=”more clearfix”><a href=”<{link ctl=artlist act=index arg0=$setting.id1}>”>更多…</a></div>
<{/if}>
<{/capture}>
<div class=”ArticleListWrap”>
<{if $setting.showTitleImg==”off”}>
<div class=”ArticleList”>
<{$smarty.capture.articleCat}>
<{$smarty.capture.articleLoop}>
</div>
<{elseif $setting.titleImgPosition==”top”}>
<{$smarty.capture.titleImg}>
<div class=”ArticleList”>
<{$smarty.capture.articleCat}>
<{$smarty.capture.articleLoop}>
</div>
<{elseif $setting.titleImgPosition==”center”}>
<{$smarty.capture.articleCat}>
<{$smarty.capture.titleImg}>
<div class=”ArticleList”>
<{$smarty.capture.articleLoop}>
</div>
<{elseif $setting.titleImgPosition==”bottom”}>
<div class=”ArticleList”>
<{$smarty.capture.articleCat}>
<{$smarty.capture.articleLoop}>
</div>
<{$smarty.capture.titleImg}>
<{elseif $setting.titleImgPosition==”left”}>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”15%”><{$smarty.capture.titleImg}></td>
<td><div class=”ArticleList”>
<{$smarty.capture.articleCat}>
<{$smarty.capture.articleLoop}>
</div>
</td>
</tr>
</table>
<{elseif $setting.titleImgPosition==”right”}>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><div class=”ArticleList”>
<{$smarty.capture.articleCat}>
<{$smarty.capture.articleLoop}>
</div>
</td>
<td width=”15%”><{$smarty.capture.titleImg}></td>
</tr>
</table>
<{/if}>
</div>
————————————————————————-
第三步:打开商城网站的如下目录\plugins\widgets\article的“widgets.php”文件添加一行代码:’xg_list.html’=>’首页右侧新闻列表-小官’
如下图:注意:在新加的一行代码的上行【’div_list.html’=>’多层’,】后面要加一个英文逗号
第四步:到后台页面管理—模版列表–编辑模版–选择要加新闻列表的页的可视化编辑–添加版块–文章相关–文章列表



转自:小官的博客:http://blog.xiaoguan.net/?p=244

shopex模板技巧-做一个精美的购物车
作者: kulolo | 发布时间: 星期二, 11/02/2010 - 22:58首先 前台显示的购物车版块 是一个功能板块,可以用挂件来实现,添加挂件前首先要在html页面上添加一个挂件位。可以参考我以前写的挂件知识,<{widgets id=”cart”}>一般添加在头部文件,那就在所有页面都会显示购物车版块了。类似下面的购物车版块。
这个购物车挂件的首先需要做个背景图片,也就是去掉文字和去处理按钮的背景。然后用编辑器打开./plugins/widgets/cart/default.html 很简单的1段代码。当然其中有个页面微小BUG,也就是数字的右边距会多出一些空白,初步分析是js这样的输出方式导致的。如果你要求对你的购物车的代码非常要求高,左右2边间距完全一致,2边要求没有间距,那么建议把其中的js删掉自己写一段。
参考代码如下:
提供下载测试:点击右键另存为
最后说下那个按钮的链接地址为./?cart.html,都是链接到购物车页面,大功告成。

shopex4.8.5.55324版本修正了些模板方面的BUG
作者: kulolo | 发布时间: 星期一, 11/01/2010 - 19:58shopex后台模板设置详细介绍
作者: kulolo | 发布时间: 星期五, 10/08/2010 - 21:04shopex模板后台管理是在页面管理菜单下模板列表中,使用的模板会显示如下图。
模板文件管理指的是该套模板(./themes/该模板路径)下所有的文件,不包括挂件文件。如一些图片,各个页面的架构HTML和定义CSS基本都在这里。可以进行简单的修改,如果要大量的添加和修改建议使用编辑器直接打开./themes/该模板路径下的文件进行修改更好。
下载模板可以生成一个.tgz的模板压缩包,方便上传。
模板文件管理和上面说的完全一样。
恢复默认是直接读取模板文件下theme.xml文件,恢复成这个模板最初始的样子,一般用于恢复模板初始状态使用。
功能板块管理是用于一些底层模板页面的修改。这里不多讲。可以适当看下。
在创建新页面中可以添加页面,用于展示各个不同页面模板。比如商品列表页,商品详细页的布局不同。就可以创建不同的新页面,来调整他们的布局和挂件。在shopex4.85中不同分类的商品可以绑定不同的商品列表页和商品详细页。
设置一个页面为默认页面后,系统就会读取这个页面作为该页面的模板。

shopex模板后台设置注意事项
作者: kulolo | 发布时间: 星期六, 09/25/2010 - 20:11当我们使用一套模板后需要在后台设置一些必要的属性,来更好的展示模板,接下来我们看下需要设置哪些属性,来配合模板。
1.商品图片设置(商店配置>商品图片设置)
这个属性一般在做好模板后首先需要配置的,对三种图片大小的配置,可以在商品版块批量生成图片大小。
尽量配置将图片的宽高比例设置一致,这样不会失真图片,当然在商品编辑的时候,我们给列表页单独上传图片,这样可以更多样化的展示图片,但是较为麻烦。
2.商品列表默认展示方式(商店配置>购物显示设置)
对于列表页的商品展示的方式,默认为图文混排,一般对于观赏性较好的商品,建议用橱窗形式。
3.站点栏目(页面管理>站点栏目)
一般商店导航栏用的就是站点栏目中的栏目,可自行调整需要显示和不显示的栏目,更可以添加外部链接,比如论坛。当然商品顶级分类也是可以选择的。大家可以研究下这个站点栏目的作用,还有文章分类也是这里添加的,有的朋友可能找半天也不知道文章分类添加的地方,就在站点栏目中,好好看下。
4.网页底部信息(页面管理>网页底部信息)
这里一般我都是全部删掉的,默认的确实不怎么好看。这里可以自定义下必要的内容,放备案号个人感觉不错。

shopex4.85模板-女性化妆品等行业适用001-模板文档说明
作者: kulolo | 发布时间: 星期一, 09/13/2010 - 21:05一个模板制作完成必然要写一些文档,让使用者,或者将要使用的朋友他的一些说明性的文档。这套模板(原创高品质shopex4.85模板-女性化妆品等行业适用(2010.9.11))开发周期为2个星期左右。适用于shopex4.85系统,浏览器兼容性的支持非常的好。设计上简洁大方,突出产品,而非喧宾夺主的渲染设计。
当然模板做好后,需要一系列的设置来最终达成和设计稿的同步一致,并且达到比较好的购物体验效果。
首先需要设置下商品图片大小,该模板的建议图片为正方形图片。后台设置为下图
也就是说你的商品大图至少要400px*400px的正方形图。这样是显示效果最好的。
其次我们来看下这套模板的后台挂件机制。首页基本上可视部分皆可在后台进行修改,为挂件部分。flash焦点图更加优化,显示效果更好。和http://www.topshoes.cn/一样的flash焦点图。
最后模板对每个用户都个性化的设计了QQ,淘宝旺旺和电话的修改方案,更加突出模板的个性化,模板是服务于个人的。
QQ代码的获取:http://wp.qq.com
淘宝旺旺代码获取:http://www.taobao.com/wangwang/tese/index.php
获取代码后我会将代码插入模板,以后即时通讯更加方便。
告知电话号码后可修改电话插入模板。
如对模板进行修改,可参考我其他模板制作和修改教程。

原创高品质shopex4.85模板-女性化妆品等行业适用(2010.9.11)
作者: kulolo | 发布时间: 星期六, 09/11/2010 - 15:42最近很少更新博客,因为在赶着做一套比较好的模板,设计图如下,我找了我了的朋友,他是个专业设计师,所以设计功底相当不错。这套模板是比较精工细活的产品,当然我卖的这套模板实际上并不是一套简单的程序,而是一整套的服务。我们先看下设计。我个人估计90%以上购买模板的朋友第一看的就是设计。(点击小图查看大图)
说下这套模板和其他供应商不同的地方。
1 原创设计,拥有PSD版权,如果你的网站做大了,非原创的模板有可能会有版权问题。
2 代码精简,兼容性好,目前可兼容的浏览器参考
3 辅助安装,帮助安装服务。
4 包维护,收费模板3天维护时间,可以说没有一家供应商可以做到的维护服务。
5 问题解决方案,如果你的模板是我这里购买,可以提供365天模板解决方案,可以在博客留言,24小时内提供你解决方案。
6 个性化服务,帮助用户提供嵌入QQ,淘宝旺旺代码,电话号码的修改
7 架构良好,搜索引擎更加友好。良好的SEO的模板。
8 提供模板文档,会在博客提供该套模板的模板修改文档。
这套模板售价 RMB 800 元,低于同类供应商价格。超值的产品服务功能,因为我相信买模板的朋友希望的是购买后能用的模板,而不是购买会一个不能使用的程序代码。
最后写下为什么没有演示地址,本来是想放出演示地址的,但是目前行业不规范,盗版严重,如果模板放出演示地址,比较容易模仿。
联系方式:QQ:544350711(工作QQ,注明来意),点击下面图标可直接联系。













