1号店店铺装修

店铺设置-店铺装修（一） 简介：可从首页、分类页、详情页、自定义页面四个方面来装修店铺    页面管理：同一种页面（首页、分类页、详情页或自定义页面）可并存多个装修模板，可以随意切换使用。这意味着您可以在店铺装修时提前做好装修模板，等到需要时再进行启用。 下面以首页为例，对各个装修功能进行一个全方面的介绍 1.全局背景 2.店招 3.导航 4.产品推荐 5.店内团 6. 图片广告 7. 轮换广告 8. 自定义广告 9. 热门分类 10. 排行榜（左侧栏） 11. 文字广告（左侧栏） 12. 搜索关键字 13. 分类页装修 14. 详情页装修 15. CMS页装修 16. 装修素材库 一. 首页  1、 全局背景 2013年4月11日后台最新上线功能，教程请点击 全局背景操作手册 下载 2、店招  简介：即呈现在每个页面下的店铺招牌 前台展示效果： 3、导航 简介：位于店招下方，引导消费者点击查看的导航栏。 1）链接到已有页面    2） 或者新增页面   4、产品推荐模块 简介：将产品通过此模块推荐到店铺的首页 通过“点击此处添加”，即可在前台添加相应模块，目前可实现的模块有：产品推荐模块、店内团、图片广告、轮换广告、自定义广告、热门分类、排行榜（适用于左侧栏）、文字广告（适用于左栏）、搜索关键字（适用左侧栏和右侧栏），下面会一一演示。   注意：显示栏位中，通栏一行可放5个产品，右栏一行可放3-4个。 首页效果 特别提醒： 1）如果产品上架超过8小时在分类里还找不到，那么请检查你在产品上传时第一项“产品分类”是否选择正确。 2）如果不知道自己的产品应该放在什么分类下，去1号商城首页搜索下同类产品，看类似的产品大多数放在哪个类目，即选择对应类目。 5、 店内团 简介：将“促销管理”模块中已经设置过价格促销的商品，按照团购形式展现在店铺中。 注意：只有在“促销管理”中设置过“价格促销”的产品，才能在“店内团”模块中被搜到。      6、 图片广告  简介：建立图片广告，可分为“整图链接”和“热区链接”两种   注意：编辑该热区块的名称及跳转链接，此链接必须是本店铺在1号商城前台的链接。 目前一个模块图片最大高度       为600PX，一个图片最多可插入10个链接。 7、 轮换广告 简介： 轮换广告和图片广告类似，只是在相同的位置可以有两张及以上的图片轮换播放。轮换广告可设置成左栏、右栏或通栏。 上传图片的宽度：     A 设置成左栏时，上传的图片宽度必须是规定的205（像素）；     B 设置成右栏时，图片宽度为765px；C 设置成通栏时，图片宽度应为980px。   展示效果 8、 自定义广告 简介：更为灵活，可实现分块超链接，而且图片大小不受系统限制。使用该功能需要应用Photoshop以及Dreamweaver软件。 一： 1. 用photoshop打开需要的图片。 2. 使用切片工具，并编辑每个切片区域。      使用切片工具对图片的每个区域进行切分，然后在每个区域中点击右键——编辑切片选项；在如下图的“切片选项”窗口中编辑URL（该区域的链接，如某个产品或者某类产品在1号商城的链接）；以及目标，默认为空，此时点击该区域会覆盖现有网址；若填写_blank，则会在新窗口打开此链接。最后确定保存。 按照同样的步骤对每个区域进行切片并编辑 3. 保存为web格式： 点击 文件——存储为web和设备所用格式，在弹出窗口中点击存储。   保存类型为HTML和图像： 4. 上传切片图到图片空间，保存后在保存的位置除了html文件外还有一个名为image的文件夹。将这个文件夹中的图片全部上传到图片空间。  5. 用Dreamweaver打开存储的html文件，点拆分按钮，并逐个点中切片图，将原有的图片位置替换成网络地址。保存代码，并全选复制html代码。   6. 到1号商城商家后台，在店铺设置—页面设置—新建模块—自定义广告。选填模块名称，选择模块栏位（即出现的位置）。在模板样式中点击“源”，并将刚才复制的代码粘贴到此处。再点击“源”，即可看到效果。并点击保存。 方法二 1.制作好需要的图片，如下图所示，并将图片上传到图片空间。 到图片空间中复制该图片链接 2. 在Dreamweaver中打开网络图片。属性下的地图位置有四个图标：小箭头、长方形、圆形、不规则形，后三个主要用于框选需要插入超链接的区域，款选好正确位置后，在连接处放上所需的网络链接，可以到改图片的产品链接或者某类产品的链接。目标可以选为“_blank”，此时为弹出新窗口的链接（推荐！）。   3. 保存并复制源代码。完成所有的链接插入（步骤2）后，在Dreamweaver窗口中点击“代码”，即可看到刚才所有动作所形成的代码。复制该文档。 注意事项：若已经存在自定义广告时，请对代码进行编辑。主要需要编辑的内容如下：代码主（中）前面部分的内容： ……usemap="#Map"/>