Shopify装修教程(十二):NEW界面设置

2.4 关键页面装修策略

2.4.1 新品(NEW)页面:

在前文中我们提到过:

图片[1]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

这时我们就需要回到Shopify商店设置后台,选择在线商店→页面中添加界面。

图片[2]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

在后台先把你需要的页面都建好,比如 NEW、SALE、ABOUT US。

建的时候注意选模板,如果想让这些页面长得不一样,就要给它们选不同的模板或者新建一个专门的模板。

不然的话,改了 NEW 页面,SALE 页面也会跟着一起变,因为它们用的是同一个模板。

图片[3]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

模板样式的添加在商店编辑后台中,需要先点击主页——页面

图片[4]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

再点击页面中的创建模板即可

图片[5]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

然后再回到网站导航中,将界面指向的跳转界面一一更改成我们需要设计的界面

我们点击内容-》菜单-》网站导航

然后进入进行修改

图片[6]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程
图片[7]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

我们观察BIBA的界面可以发现,BIBA的NEW、SHOP这两个界面其实是相差不大的,都是产品的展示,只是NEW界面是已经被提前选择了NEW标签来展示的产品界面

图片[8]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

所以我们并不完全仿照BIBA的设计,而是用一个产品系列产品来展示NEW的产品

当然,如果你想要参考BIBA的设计,也是可以的

调整页面

页面展示过于宽大,不够美观,我们直接隐藏这个部分,自己添加一个页面标题

图片[9]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

点击小眼睛,隐藏页面模块

图片[10]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

图片横幅展示上新活动

我们点击添加分区-》图片横幅

如果我们有多个上新活动,可以选择添加幻灯片进行展示

图片[11]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

我们添加一张图片展示,然后隐藏掉文字

图片[12]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

再添加产品展示

添加分区-》特色产品系列

图片[13]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

更改标题和产品系列,请注意,在这里我们一定要提前定义好一个属于上新的产品系列来做展示

图片[14]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

再调整一下需要展示的产品数量,让界面更加美观

图片[15]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程

这样,我们就完成了NEW界面的界面设计

图片[16]-Shopify装修教程(十二):NEW界面设置-柿哥出海教程
© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容