关注shopex独立网店

shopex模板问题提问帖[置顶]

kulolo — Wed, 02 Jun 2010 12:07:01 +0000

提问注意事项：
1 请提shopex模板相关问题或者页面制作问题。
2 提出问题后不一定会回答，可能整理后一起回答。
3 提问尽量详细，shopex版本号等信息，最好有演示网站。

Shopex模板教程文章集合列表[置顶]

kulolo — Mon, 31 May 2010 08:55:37 +0000

Shopex4.85模板教程-模板XML文件（theme.xml与info.xml）详解

Shopex4.85模板教程-挂件(widgets)初识(上篇)

Shopex4.85模板教程-挂件(widgets)初识(下篇)

shopex4.85常用挂件教程——搜索框挂件详解

kulolo — Sun, 14 Nov 2010 07:16:20 +0000

接下来将详细讲解一系列做独立网店需要的常用挂件。今天要讲的是最常用的挂件之一搜索框挂件，也就是搜索商品挂件。在一个独立网店中，搜索是起到很重要的作用，比如我去淘宝买东西，一般来说都是直接搜索商品名来筛选商品的。能够迅速的让客户筛选出自己想要的商品，提高客户的购物体验。

1 挂件路径：./plugins/widgets/search 文件夹下。

2 后台可视化添加挂件路径：添加版块>系统相关>商品搜索。

3 后台挂件选项（如图）

版块标题（使用版块边框后显示的标题名字）

版块模板（挂件模板，可以将自己做的模板替换原有的挂件，展现更多多样漂亮的挂件）

版块边框（对于重复性较多的挂件边框可以做挂件边框用于重复调用）

版块ID：（给该挂件最外层div上加上id）

版块className:(给该挂件最外层div上加上class)

搜索是否显示价格区间：（勾选则有价格区间的输入框）

4 用编辑器打开./plugins/widgets/search/default.html 查看代码。

当然我们可以做的复杂点，比如替换下输入框的value值这样的效果类似目前的京东搜索框。

当然也可以学习下其他的展示效果，例如讲搜索框的默认值设置为：请输入商品名，点击搜索框，文字（请输入商品名）消失，这种购物体验更加不错。

参考代码如下，可以尝试下学习。靠自己也能打造更漂亮的搜索框。

点击下载

转帖：shopex4.85文章挂件内读取时间的方法

kulolo — Thu, 04 Nov 2010 12:18:14 +0000

一个朋友总结的关于在shopex4.85文章挂件（比如新闻版块，促销版块）内调用文章发布时间的方法。一句smarty标记，如下：

shopex4.85在首页的新闻部分读取时间标签：<{$article.uptime|userdate}>

详细代码：

<{foreach from=$data item=data key=key}>

<{$article.uptime|userdate}>

<{if $setting.smallPic==6 }>

<{if $setting.picaddress}>

” />

<{/if}>

<{elseif $setting.smallPic}>

<{img src=$setting.smallPic path=”icons”}>

<{/if}>

” title=”<{$data.title}>”>

<{$data.title|cut:$setting.max_length}>

<{/foreach}>

shopex4.85在首页的新闻部分读取时间标签：<{$article.uptime|userdate}>

<{$article.uptime|userdate}>: <{if $setting.smallPic==6 }> <{if $setting.picaddress}> ” /> <{/if}> <{elseif $setting.smallPic}> <{img src=$setting.smallPic path=”icons”}> <{/if}> ” title=”<{$data.title}>”> <{$data.title|cut:$setting.max_length}>

实现方法：
第一步：在商城网站的如下目录\plugins\widgets\article,复制“default.html”文件重命名“xg_list.html”

第二步：把如下代码复制并替换“xg_list.html” 里的所有内容
————————————————————————-

<{capture name=titleImg}>

<{$setting.titleImgHref}><{else}><{link ctl=artlist act=index arg0=$setting.id}><{/if}>”>” alt=”<{$setting.titleImgAlt}>”/>

<{/capture}>

<{capture name=articleCat}>

<{if $setting.showTitle==”on”}>

<{$setting.titleDesc}>

<{/if}>

<{/capture}>

<{capture name=articleLoop}>

<{foreach from=$data item=data key=key}>

<{$article.uptime|userdate}>

<{if $setting.smallPic==6 }>

<{if $setting.picaddress}>

” />

<{/if}>

<{elseif $setting.smallPic}>

<{img src=$setting.smallPic path=”icons”}>

<{/if}>

” title=”<{$data.title}>”>

<{$data.title|cut:$setting.max_length}>

<{/foreach}>

<{if $setting.showMore == “on”}>

”>更多…

<{/if}>

<{/capture}>

<{if $setting.showTitleImg==”off”}>