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.添加第五个板块 我们选择 添加分区-》特色产品系列 更改标题，点……
继续阅读»»»
接下来，我们将开始为大家介绍主页设置的相关装修教程，首先是标头部分。 关于标头部分的设置，我们需要对公告栏、标头进行更改 1.公告栏 首先我们对公告栏进行设置 我们的基础公告栏是一个简单的欢迎词：Welcome to our store 而BIBA的网站做了一个折扣展示（还剩最后 2 天 – Eoss 预览：新到货品 8 – 7 折优惠），并且链接到了折扣的商品界面 我们先仿照BIBA的网站，添加一个和他一样的文字内容，之后我们做好了产品界面，再做一个链接到上新促销产品界面 首先点击公告栏，然后再点击左边的文字部分 然后在右侧粘贴我们复制好的文字 粘贴好之后，再次点击公告栏，进行配色部分的更改……
继续阅读»»»