珑大钜商文档中心

# 蓝色主题模板

说明

本套模板为收费模板，需要购买后在线进行安装。

此模板为收费模板

购买地址： https://store.loongdom.cn/shop-goods/index/39 (opens new window)

演示地址： http://blue.dbmall.online/ (opens new window)

点击自适应，会启用前台自适应模式。这时不管是手机端访问还是PC端访问，都使用此模板。

# 首页

默认安装启用后，看到的首页是下面样子的

image-20230909161447591

接下来，我们一步步将首页充实起来，让其饱满。

# 左上角联系方式

系统后台 - 文章 - 单页文章管理 - 添加单页文章

image-20230909161709007

文章标题： 随意填写，主要给后台管理员人员看的。

文章标签： 选择首页顶部电话。

文章内容： 填写联系信息。如 联系电话 17334027662

image-20230909161757157

# 右上角导航（顶部导航）

系统后台 - 扩展 - 导航设置 - 添加导航

image-20230909161855118

添加后效果如下图

image-20230909161939472

# 中部导航

image-20230909162022891

系统后台 - 扩展 - 导航设置 - 添加导航

image-20230909162933624

这里着重说明下 导航标题 和 导航标记

导航标题： 卡超模板的中部导航是可以分两行显示，通过 | 进行分割。

导航标记： 卡超模板的中部导航可以添加图标信息，可以在这里 https://fontawesome.com.cn/v5 (opens new window) 选择不同图标。

添加后，前台效果如下图

image-20230909163353162

# 侧边广告

image-20230909163418394

image-20230909163437648

系统后台 - 运营 - 广告 - 电脑端广告 - 侧边

可添加六张广告图片

image-20230909163628180

添加完成六张图片后，显示效果如下

image-20230909163851731

# 幻灯片

image-20230909163919347

系统后台 - 运营 - 广告 - 电脑端广告 - 幻灯片广告

image-20230909164301621

广告文字： 这里可以分为三行显示，通过 | 进行分割。

添加完成后的效果如下图

image-20230909164137006

# 幻灯片右广告

幻灯片广告，右边有三个图片广告位

image-20230909164227930

系统后台 - 运营 - 广告 - 电脑端广告 - 幻灯片右1、右2、 右3

image-20230909164504615

广告文字： 其中 右1、右2 分为三行显示，右3 分两行显示，通过 | 进行分割。

三个广告添加后的前台效果如下

image-20230909164606408

# 商品显示1

# 标题

系统后台 - 文章 - 单页文章管理 - 添加单页文章

image-20230909164734388

# 商品

可设置五个商品

系统后台 - 商品 - 商品标签 - 特定商品标签 - 首页商品1

image-20230909164903211

标题和商品都添加完毕后，前台显示效果如下

image-20230909164835929

# 商品显示2

# 标题

跟 商品显示1 的设置类似。

# 商品

跟 商品显示1 的设置类似，也是五个商品。

设置完成后，前台显示效果如下

image-20230909165234506

上图中的显示描述 1、2、3……，编辑对应商品，在商品的 SEO优化 商品描述中添加，用逗号分隔即可。如下图

image-20230909165309662

# 中部广告图片

image-20230909165341051

可以添加三张广告图片

系统后台 - 运营 - 广告 - 电脑端广告 - 中部图片 1、2、 3

image-20230909165506010

广告文字： 可以为三行显示，通过 | 进行分割。

设置完成后，前台显示效果如下

image-20230909165615659

# 商品显示3

# 标题

与 商品显示1 的设置类似。

# 商品

与 商品显示1 的设置类似。可设置6个商品。

设置完成后，前台显示效果如下

image-20230909165739810

# 商品显示4、5、6

# 标题

与 商品显示1 的设置类似。首页标题 4、5、6

# 商品

与 商品显示1 的设置类似。商品数量随意，建议 >= 3个

设置完成后，前台小时效果如下

image-20230909165935689

# 滚动新闻（公告）

系统后台 - 文章 - 文章分类管理 - 添加文章分类

勾选 首页新闻

image-20230909170011359

文章管理中，添加几篇测试文章。

image-20230909170100433

添加完成后，前台显示效果如下（滚动显示）

image-20230909170135944

# 带封面文章列表

# 标题

与 商品显示1 的设置类似。首页标题7

# 文章

添加带封面的文章。显示最新四条文章。

image-20230909170720860

前台显示效果如下

image-20230909170659885

# 品牌显示

系统后台 - 商品 - 商品品牌 - 添加品牌

image-20230909170925624

前台显示效果如下

image-20230909170940836

# 底部关于我们和电话

# 关于我们标题

系统后台 - 文章 - 单页文章管理 - 添加单页文章 （文章标签 底部标题1）

image-20230909171143604

# 关于我们内容

系统后台 - 文章 - 单页文章管理 - 添加单页文章 （文章标签 底部标题1内容）

image-20230909171244475

# 电话

系统后台 - 文章 - 单页文章管理 - 添加单页文章 （文章标签 底部电话）

image-20230909171349719

设置完成后，前台显示效果如下

image-20230909171412965

# 底部单页文章 1、2、3、4

# 标题

单页文章底部标题 2、3、4、5

image-20230909171818611

# 单页文章列表

当夜文章底部标题 2、3、4、5 列表，可以添加多个单页文章。

image-20230909171858522

前台显示效果如下

image-20230909172034186

# 底部导航

系统后台 - 扩展 - 导航设置 - 添加导航

image-20230909172116733

添加完成，前台效果如下

image-20230909172157227

# 商品列表

# 广告

系统后台 - 运营 - 广告 - 电脑端广告 - 商品列表

image-20230909172249187

设置完成后，效果如下

image-20230909172308390

# 推荐商品

系统后台 - 商品 - 分类管理 - 对应前台商品列表的分类 进行编辑

分类推荐中 选择是

image-20230909172407229

点击后面的 更新 按钮。设置生效

前台对应分类的商品列表显示推荐商品，效果如下

image-20230909173428082

# 登录与注册

系统后台 - 运营 - 广告 - 电脑端广告 - 登录与注册页banner广告

# 购物车

系统后台 - 运营 - 广告 - 电脑端广告 - 购物车页banner广告

← 淡雅红模板 →