典雅黑模板

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

首页

模板的首页内容，需要管理员在后台自行设置，同时需要说明的是，模板首页的内容是随着模板显示的，管理员如果在后台切换了另一个模板，而那
个模板首页之前没有设置内容，就需要重新设置内容，当然如果之前有设置，就会显示设置的内容。

当我们刚刚安装好模板时，看到的可能是下面这个样子。

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

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

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

首页上部

标注1（导航设置）

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

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

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

标注2（商品分类设置）

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

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

首页幻灯片设置

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

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

首页中部

重要说明 添加商品前，一定要到 系统后台=》附件设置=》商品图片 那里将商品图片的缩微图宽度和高度都设置为500 这样的宽高很适合当前模板。


涉及到商品部分了，首先我们需要在后台添加一些商品来方便前台调用，添加商品的方法就不一一介绍了，教程有详细说明（注意一定要有商品分类哦）。
假设我们已经添加了一些商品，下面的讲解将直接调用。

标注3（推荐商品）

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

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

方法一

方法二

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

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

标注4（首页特价商品）

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

标注5（首页新闻公告）

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

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

首页楼层设置

特别注意：楼层显示，需要该楼层必须有商品，才能显示。如果设置了楼层标题，楼层没有显示，请去添加一些该楼层的商品，楼层就会显示在您的眼前。

首页楼层设置，总共有四层，每层都可以设置商品和广告，我们先来设置1F的商品。

楼层商品设置

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

楼层标题设置

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

保存后，效果如下图

楼层广告设置（标注6、标注7）

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

楼层幻灯片的效果图如下

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

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

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

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

首页下部

标注8（图片旁边文字）

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

设置完后，效果如下

下面我们给出对应的五个文章标签的 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单页文章，在文章标签中找到对应的标签，添加文章，即可在前台底部显示对应的文章标题。这里省略设置方法，设置好后的前台效果如下

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

标注10（电话信息）

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

底部联系方式对应的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 的设置方法一样，管理员后台===》工具管理===》导航设置 ，在添加导航的时候，导航位置选择底部，如下图

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

首页设置完成

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

其他说明（商品列表搜索标签）

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

扩展说明

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