典雅黑模板

来自DBShop帮助中心
跳转至: 导航搜索

可在管理员后台在线安装改模板

目录

首页

模板的首页内容,需要管理员在后台自行设置,同时需要说明的是,模板首页的内容是随着模板显示的,管理员如果在后台切换了另一个模板,而那
个模板首页之前没有设置内容,就需要重新设置内容,当然如果之前有设置,就会显示设置的内容。
当我们刚刚安装好模板时,看到的可能是下面这个样子。

20160909220826.png

当然了,这不是我们想要的样子,通过简单的设置后,我们将看到下面焕然一新的首页。

20160910015813.png

接下来,我们一步步设置空白首页,空白首页上的显示信息都可以在后台进行填充,所以我们讲述的设置内容都是在后台进行操作处理的。
设置的内容主要这么几大块:单页文章、商品分类、商品标签、广告、导航
为了方便理解和查看,我们将首页分为上部、中部、下部,三部分进行讲解。

重要提醒:在设置前,如果您在后台开启了前台的缓存功能,那么请关闭它,然后再进行设置,这样可以实时查看到前台的设置效果。

首页上部

20160909221243.png

标注1(导航设置)

管理员后台===》工具管理===》导航设置 ,因为标注1是中部导航,所以在添加导航的时候,导航位置选择中部,如下图

20140628233148.jpg

剩下的操作就是添加了,我们来添加 官方网站、官方论坛 这两个显示,前台首页效果如下

20160909221704.png

导航设置的具体操作这里就不详细讲解了,不了解的可以查看 这里的官方教程

标注2(商品分类设置)

这里相对简单的多,添加商品分类即可。地址是 管理员后台===》商品管理===》管理分类需要说明下:标注2只显示分类的一级和二级
分类添加页面这里就不截图了,我们在后台添加了几个分类信息,前台首页效果如下:

20160909222512.jpg

如果您对商品分类操作不熟悉,可查看 这里的教程

首页幻灯片设置

管理员后台===》工具管理===》广告管理===》首页广告(设置广告)===》添加广告,每一套模板都对应自己独有的广告内容,这里无需担心对其他模板广告的影响。
因为这里是商品分类右侧广告,所以在广告位置中选择 首页幻灯片,广告类型中选择 幻灯片,当然您也可以选其他类型,推荐选择幻灯片,效果如下

20160909223028.jpg

我们不详细讲述添加内容的过程了,广告管理的具体教程可以查看这里,前台效果如下

20160909224126.jpg

首页中部

重要说明 添加商品前,一定要到 系统后台=》附件设置=》商品图片 那里将商品图片的缩微图宽度和高度都设置为500 这样的宽高很适合当前模板。
涉及到商品部分了,首先我们需要在后台添加一些商品来方便前台调用,添加商品的方法就不一一介绍了,教程有详细说明(注意一定要有商品分类哦)。 假设我们已经添加了一些商品,下面的讲解将直接调用。

20160909224527.jpg

标注3(推荐商品)

管理员后台===》商品管理===》商品标签===》特定商品标签,添加商品标签,标签类型选择 首页明星单品,标签名称随便填写,只是为了在后台查看方便,不会显示在前台,页面如下

20160909231937.jpg

该标签添加成功后,去 商品管理===》管理商品或者在标签编辑中的 标签商品 内添加,编辑其中的商品,在商品标签中,选中未分组里面的首页推荐单品,如下图

方法一20160909232322.jpg

方法二20150326181712.jpg

官方建议 首页推荐商品设置四个商品,所以需要编辑四个商品,我们设置了四个商品后,前台首页效果图如下

20160909232443.jpg

那么如何删除它们呢?
第一种方法:是直接编辑商品,取消勾选即可。
第二种方法:去 管理员后台===》商品管理===》商品标签===》特定商品标签,编辑当前标签,在左侧看到有 标签商品,切换过去会看删除排序操作(是的,可以排序),如下图

20160909232954.jpg

标注4(首页特价商品)

这里的设置,与标注3的设置类似,请参考标注3的设置方法即可。

标注5(首页新闻公告)

先在后台添加cms分类,在添加时或者编辑时,选择 设为首页新闻 即可,这样在这个分类里面添加的新闻,就会显示在首页了(在首页,新闻只显示最新的10篇)。设置如下

20160909233854.jpg

我们在这个分类下面添加一些新闻,然后前台首页的效果如下

20160909234249.jpg

首页楼层设置

特别注意:楼层显示,需要该楼层必须有商品,才能显示。如果设置了楼层标题,楼层没有显示,请去添加一些该楼层的商品,楼层就会显示在您的眼前。
首页楼层设置,总共有四层,每层都可以设置商品和广告,我们先来设置1F的商品。

楼层商品设置

是商品设置,老样子参考 标注3 设置方式,先添加特定商品标签 标签类型为 首页1F商品这里只能设置6个商品,设置好后的前台首页效果如下:

20160910000022.jpg

楼层标题设置

我们会发现上面的效果图中,楼层没有标题问题,下面我们来添加标题文字,系统后台=》CMS管理=》管理单页文章,我们来添加一个单页文章,在文章标签中,选择 首页1F标题, 注意 前台1F的标题,要在文章内容中填写
另外不要在内容中加入连接或者其他html标记,前台输出会直接去掉html标记的(只对楼层标题这样处理) 如下图

20160910000635.jpg

保存后,效果如下图

20160910000807.jpg

楼层广告设置(标注6、标注7)

20160910001130.jpg

上图中标注6是幻灯片广告,标注7是图片广告,我们先来设置楼层的幻灯片广告,依然是在广告管理中添加,广告位置选择 首页1F幻灯片 广告类型选择 幻灯片

20160910001941.jpg

楼层幻灯片的效果图如下

20160910002157.jpg

接下来,我们来设置标注7的图片广告,跟上面的设置方式类似,只不过类型选择的是图片,设置图如下

20160910002509.jpg

设置后,楼层广告图片的效果如下

20160910002811.jpg

首页 2F、3F、4F 楼层设置

首页一共可以设置四个楼层,设置方法与上面的设置一样,这里就不再重复讲解了。

首页下部

20160910003608.jpg

标注8(图片旁边文字)

管理员后台===》cms管理===》管理单页文章,在添加单页文章的页面,选择对应的文章标签,标注8对应的文章标签是 底部诚信、底部包邮、底部更新、底部退货、底部拍摄,如下图

20160910004308.jpg
设置完后,效果如下
20160910004454.jpg
下面我们给出对应的五个文章标签的 html 代码方便大家直接使用

底部诚信 <p class="title">诚信交易</p><p>所有产品均出正规渠道采购</p>
底部包邮 <p class="title">60元包邮</p><p>全国各地,满60元快递包邮</p>
底部更新 <p class="title">极速更新</p><p>所有商品信息及时更新</p>
底部退货 <p class="title">7天退换货</p><p>会员享受7天无理由退换货</p>
底部拍摄 <p class="title">真实拍摄</p><p>100%真实拍摄,杜绝虚假</p>


注意:图标是固定的,无法设置。另外在将html代码,添加入编辑器前,要把编辑器切换到html模式,添加后,再切换回,所见即所得模式,因为在html模式下,提交没法保存,这是百度编辑器的一个bug

标注9(帮助信息)

这里也是添加CMS单页文章,在文章标签中找到对应的标签,添加文章,即可在前台底部显示对应的文章标题。这里省略设置方法,设置好后的前台效果如下

20160910010009.jpg

这里没有限制文章数量,根据您的需要自行添加合适数量文章

标注10(电话信息)

这里也与 标注9 的设置方法类似,我们在文章标签中选择 底部联系方式,然后添加上电话信息,前台效果如下

20160910010428.jpg

底部联系方式对应的html代码是 <p class="phone">400-100-0000</p><p>周一至周日 8:00-18:00<br/>(仅收市话费)</p><p><a class="btn btn-main">24小时在线客服</a></p>

底部导航

这里和 标记1 的设置方法一样,管理员后台===》工具管理===》导航设置 ,在添加导航的时候,导航位置选择底部,如下图

20140630160302.jpg

我们添加几个导航信息,添加后的前台效果如下

20160910010819.jpg

首页设置完成

好了,通过上面一步一步的设置下来,我们的首页已经完成了,完成之后的整体效果如下图

20160910015813.png

其他说明(商品列表搜索标签)

20160910155209.jpg

这里的显示,涉及到了后台的 商品标签 处理,下面介绍一下操作方法
1、首先建立标签组
2、建立普通标签,选择对应标签组
3、添加或者编辑商品时,在商品标签中选择需要的标签(这里必须给商品选择对应的标签,否则在前台点击标签链接时 会没有商品出现
4、商品分类编辑或者添加中,在分类显示里,选择需要显示的标签组

扩展说明

DBShop对于标签调用和广告设置,具有灵活的扩展方式,不一定非要等待官方提供的广告位或者显示设置,您也可以根据自己的喜好自行设置,具体操作方法可参看 Template.ini