网站设计

功能介绍：

Shoptop提供免费的精美主题，同时支持响应式双端，只需在一个端口（移动端或PC端）设置，另一端即可响应融合。另外，Shoptop为每家店铺设置好了默认主题，你不需要操作太多内容，即可快速完成店铺装修。如果需要调整，Shoptop的卡片式建站模式也可以让你简单操作，每张卡片都是组装好的小模版，你只需要通过拖拽卡片、微调下配置项，即可简单快捷搭建出你想要的样式，该功能可以有效地提高店铺建设的效率，降低维护的成本。

入口介绍：

点击【店铺装修】，选择【网站设计】，即可进入店铺装修。

1.操作

店铺主页，点击“店铺主页”可预览店铺效果

重命名，可对主题的名称进行重命名，方便识别

编辑语言，可更改店铺的显示语言，支持英语、中文、德语、俄语等10种语言。

2.根据店铺需要，选择精美、实用的装修方案添加到个人列表

你可以选择喜欢的主题，每套主题适用的场景和卡片模块都不一致，可根据实际需要进行添加。例Aglaia适合展示儿童服饰玩偶、Eurybia适合展示女装产品、Cherry适合展示雅致高格调路线的产品。

3.主题列表

 喜欢的主题都可以添加到列表，添加后可进行基本操作，如预览效果、发布到线上、对主题进行重命名、编辑语言翻译等

点击“编辑”，即可进入该主题的编辑界面。

点击编辑后，你将会来到店铺搭建的页面，该页面主要由4部分组成：目录页面、页面布局、添加组件和全局设置，如下图：

4.主题编辑

4.1.目录页面

在编辑页左上角切换你要编辑的页面，点击页面即可编辑修改内容，增删卡片等。页面分为两部分：

系统页面：在目录菜单的前部分为系统页面，如：首页，商品详情页，专辑详情页、搜索页、404页等，你可以自行编辑修改内容，增删卡片等

自定义页面：是在后台创建的页面，可以参考“自定义页面”操作，可修改页面内容和卡片样式。

4.2.页面布局

拖拽排序：可以通过拖拽的方式来更换卡片的排版顺序，轻松快捷

删除：删除卡片的时候可以点击右侧的“废纸篓”，即可快速删除

4.3.添加卡片

添加卡片：不同的模块有不同的卡片，有素材、营销、商品、导航等模块卡片，可根据需求添加卡片。

添加卡片之后，可自定义添加图片和内容。

例“图文”卡片，可选择图片（建议尺寸在特定组件下会有提示）高度可自适应。

添加链接，选择跳转到的页面。

输入文本内容，可自行调整文字格式。

4.4.全局设置

（1）入口：点击对应的卡片，即可在右侧设置内容

（2）功能设置：根据店铺风格可自设出不同的字体、颜色、商品和社交媒体配置需求。

4.5.发布/预览

发布：搭建完店铺之后，点击右上角【发布】即可

预览：实时保存可以帮助您随时查看PC端效果，也可以点击手机端效果查看移动端效果。

退出/返回：左上角第一个按键为“退出/返回”键，点击“返回”到上一步概览页面。