接下来我们就进入了产品上架的第三步——添加产品系列 第三步：添加产品系列 如果我们准备上架的是一个系列下的产品，就需要上架产品系列 这里给大家做个示范，假设我们需要上架的是一个系列的产品，并且我们的意向客户群体为欧美市场，所以最好所有信息都是英文的 当然，你也可以像我一样，在后面备注上中文译义 产品系列：Solid Kurtas（纯色库塔斯） 产品系列介绍：Experience the elegance and beauty of traditional Chinese tea culture with our handcrafted Peony Teacup Set. Its compact……
继续阅读»»»
3.媒体文件 我们点击媒体文件 可以看到支持上传图片、视频、以及3D模型，图片我们直接上传就行 并且如果我们点击从URL添加的话，可以通过链接来进行图片和视频的上传，同样的，只需要粘贴目标文件的网页路径就行 这个大的图片就是我们的产品主图 并且我们可以发现当我们点击小图片可以实现拖拽功能，将小图片拖拽到主图的位置，就可以实现主图的更换 4.类别 根据自己的产品类型进行选择即可 5.价格 然后是价格部分，我们推荐大家在定义价格的时候，可以选择定义两个不相同的价格，这样我们的定价就是属于折扣后的商品，顾客在浏览产品的时候会看到一个促销的样式，能够激发客户的购买欲 如果填写的价格是一样的话，就不会出……
继续阅读»»»
多属性 然后是多属性 点击之后，可以进行属性的编辑和添加，例如我们添加一个尺寸的属性 填写完毕后，我们还可以对不同属性的产品的价格和图片进行单独定制，这样，能够方便客户在选择我们的产品之后，更直观地感受到不同规则属性下产品的不同之处 设置完成之后，记得点击“完成”进行保存 然后保存产品，产品就会提示已经再商店中上架，我们再给大家介绍一下侧边的菜单分别意味着什么 状态 状态分为活跃、草稿 在我们创建产品的时候，会默认选择活跃状态，这个状态意味着该产品是会在我们的商店前台进行上架售卖的，如果选择草稿，该产品就不会被上架到商店进行售卖。 正在发布 在线商店就是我们的shopify商店 POS就是我们……
继续阅读»»»
接下来将进行填入信息的步骤，在这里，我们会分别给大家阐述一下各个描述的相关使用教程及功能 1.产品描述 我们可以看到左上角的这个星号，这是shopify为我们提供的产品介绍ai生成功能，我们可以在对话框中输入关键词，然后让ai帮助我们对产品描述进行优化 并且当我们全选文字之后，ai工具提供的功能又大不一样，大家可以根据自己的需求进行产品描述的更改和优化 但需要注意的是，这个工具生成的文本的语言是根据我们shopify的后台语言来决定的，例如大家可以看到我这里的后台语言是中文，那么生成的ai文本也只会是中文，如果想要生成英文的ai文本，需要将我们的后台语言更换成英文 同时，我们可以看到shopi……
继续阅读»»»
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，由于我们的图片都是处理过的，记得在图片比这里选择适应图片，保留我们的图片格式和尺……
继续阅读»»»