SALE界面的设置，主要是做完售产品的展示，我们对其定位和逻辑设置和NEW界面一致 （NEW界面是已经被提前选择了NEW标签来展示的产品界面） 所以，我们将对于NEW界面的设计照用在SALE界面，操作和之前一样，依次添加图片横幅展示完售系列和完售产品展示即可 1.图片横幅展示完售系列 我们点击添加分区-》图片横幅 如果我们有多个上新活动，可以选择添加幻灯片进行展示 我们添加一张图片展示，然后隐藏掉文字 2.再添加产品展示 添加分区-》特色产品系列 更改标题和产品系列，请注意，在这里我们一定要提前定义好一个属于上新的产品系列来做展示 再调整一下需要展示的产品数量，让界面更加美观 这样，我们就完成……
继续阅读»»»
产品主界面不需要我们做过多的修改，shopify使用该默认模板之后，后台自动帮我们设计了一个简单的产品主界面 产品界面设置 我们点击一个产品，进入产品界面设置 可以看到，我们只要在后台添加上架了产品，产品的信息和图片就会被自动同步到SHOP界面中， 我们查看下BIBA的产品界面，可以看到右侧部分除了商品基本信息，还做了一个可折叠行来展示产品的细节信息 做了这个设计之后，能够让客户更直观地去选择查看产品的细节信息，所以我们仿照BIBA来完成这个样式的设计 可以看到，BIBA除了产品标题和码数等信息，其他的信息都做了可折叠处理 由于模板的限制性，我们无法修改产品标题的大小，所以我们将原先的描述部分……
继续阅读»»»
在前文中我们提到过： 这时我们就需要回到Shopify商店设置后台，对在线商店-》网页中添加界面 然后在界面中一一添加我们后续需要进行设计的界面，记住，所有界面的模板样式都选择默认界面，方便我们进行更改 然后再回到网站导航中，将界面指向的跳转界面一一更改成我们需要设计的界面 我们点击内容-》菜单-》网站导航 然后进入进行修改 我们观察BIBA的界面可以发现，BIBA的NEW、SHOP这两个界面其实是相差不大的，都是产品的展示，只是NEW界面是已经被提前选择了NEW标签来展示的产品界面 所以我们并不完全仿照BIBA的设计，而是用一个产品系列产品来展示NEW的产品 1.调整页面 页面展示过于宽大，……
继续阅读»»»
我们先分析下BIBA的页脚部分的结构 分别是由电子邮件订阅框、BIBA相关政策展示，以及一个页面底部的导航栏组成的 模板中的页脚部分是自带了一个电子邮件订阅框的，我们可以直接对它进行编辑，但是由于模板的限制性，我们只能对颜色和文字进行更改，但我们可以隐藏电子邮件订阅框的文字，然后放置一个文字块代替他 我们先隐藏文字 然后在左侧菜单中选择添加文本 我们仿照BIBA进行文字内容的编辑 然后我们再添加一个空白的文本模块，使得这部分的画面更美观 添加社交媒体图标 我们需要点击社交媒体图标旁边的模板设置 然后点击进来放置我们的社交媒体链接，之后图标就会在页面上展示 展示如图所示，网站需要自己设置 至此，……
继续阅读»»»
在这篇文章中，我们将继续上次的内容，为大家介绍剩下三个板块的设置教程。 1.添加第三个板块 接下来继续做下一部分，产品系列展示 我们点击添加分区-》特色产品系列 然后更改一下标题名称 然后点击产品系列-》选择 为了与BIBA保持一致，我们取消查看全部按钮 然后再调整一下填充格式和分区大小 2.添加第四个板块 再添加一个产品系列列表 在左侧删掉不需要的产品系列，只留下一个 去掉标题 点击产品系列图片，在右侧的产品系列-》选择 选择自己想要插入的产品系列 然后在右侧的图片比中选择 适应图片 更改文字颜色配色方案，以及分区填充数值 3.添加第五个板块 我们选择 添加分区-》特色产品系列 更改标题，点……
继续阅读»»»
2.特色产品系列 下一个部分是多个系列的产品图片，我们首先分析下BIBA的界面结构，看下我们需要添加哪些组件 分析后可以发现，BIBA的网站总共放置了五个板块，分别为四个特色产品系列列表和一个特色产品系列，我们依次对其进行仿照设计 2.1添加第一个板块 我们选择添加产品系列列表模块 我们首先在标题处打上空格隐藏标题 按照BIBA的网站设计，将产品调整成展示五个 再调整一下分区填充的数据 然后再依次对产品系列列表做设计，这一步需要我们先选择需要更改的产品系列，然后在右侧产品系类点击选择按钮 然后设置我们的产品系列1，由于我们的图片都是处理过的，记得在图片比这里选择适应图片，保留我们的图片格式和尺……
继续阅读»»»
然后是模板部分的设置，我们分析BIBA的网站主页，可以看到它这部分的结构依次是 轮播图-系列产品展示-为您推荐-促销海报展示-特色系列展示，那么我们依次按照这个流程为大家讲解 1.轮播图 我们先准备好3张较有自身产品特色的轮播图 由于自带模板中的第一个模块是图片横幅而不是轮播图，我们需要选择添加分区，然后添加幻灯片选项 添加好之后，我们可以看到模板自带两张幻灯片可以设置进行轮换，但是我们需要三张图片进行轮换 我们移动鼠标到第二张图片处下面，直到页面显示出 添加幻灯片 选项，点击 添加 幻灯片 即可 然后我们点击第一个幻灯片，进入设置 点击右侧的选择按钮，进行幻灯片的添加 添加好之后我们可以看到……
继续阅读»»»
接下来，我们将开始为大家介绍主页设置的相关装修教程，首先是标头部分。 关于标头部分的设置，我们需要对公告栏、标头进行更改 1.公告栏 首先我们对公告栏进行设置 我们的基础公告栏是一个简单的欢迎词：Welcome to our store 而BIBA的网站做了一个折扣展示（还剩最后 2 天 – Eoss 预览：新到货品 8 – 7 折优惠），并且链接到了折扣的商品界面 我们先仿照BIBA的网站，添加一个和他一样的文字内容，之后我们做好了产品界面，再做一个链接到上新促销产品界面 首先点击公告栏，然后再点击左边的文字部分 然后在右侧粘贴我们复制好的文字 粘贴好之后，再次点击公告栏，进行配色部分的更改……
继续阅读»»»
我们在shopify的店铺装修后台的左侧可以看到，存在着许多的模板设置功能 通常情况下，我们只需要对LOGO和颜色做一些更改即可，其他复杂的功能需要大家自行探索，在这篇文章中，我们将为大家讲解店铺装修的基础设置 1.LOGO上传 首先，我们进行标头部分中LOGO的上传，店铺的LOGO是不能够直接在标头板块进行更改的 我们点击标头板块，然后点击设置 然后点击logo中的选择，上传我们的LOGO 上传好之后，我们可以在左边的设置中对LOGO的大小进行更改，同时，如果我们还为品牌设计了网站图标的话，也需要在这里进行上传 但请注意，网站图标的大小必须固定为 32 x 32px 2. 配色设置 在商店装……
继续阅读»»»
我们本次教程以BIBA网站为参考模板，帮助大家装修出像BIBA一样的店铺效果 首先观察下界面的主要设计板块：分别是由一个巨大的轮播图，往下是系列的产品图片，也就是说，BIBA罗列了大量的特色产品系列堆叠在主页 整个网站以红色和白色为主，简洁大方 在下一篇文章中，我们将开始为大家详细介绍如何一步步把我们的店铺装修成像BIBA一样的网站。