Shopify如何把社媒放到页脚

大家好，这里是卓茂建站，专注给大家分享 shopify 的 建站干货。上节课我们讲了店铺页面主推图的设计， 这节我们继续讲一下产品系列的产品展示，例如这个主页，我们想在主页下面添加一个产品展示， 该怎么添加呢？可以在左侧这里模板，主推图下面添加一个分区，注意不是主推图下面的子模块，这里添加是跟主推图同级，这里添加一下，可以添加一个分区， 这个分区可以添加有很多主键，我们也可以看一下有表单的布局的产品的产品系列的横幅、文本等等。 我们可以把鼠标悬停在对应的一些主键上，右边就可以预览一下这个主键大概的形态。 我们这里想添加的是产品的展示，我们就来产品这里找一下，看看有哪些比较符合自己心意的。我这里就想添加一个产品系列的网格，这种形式的主键，这里点击添加一下。下面这里就可以看到我们产品的模板例子了。 我看这里展示的产品并不是我们的产品，那怎么把这些产品关联上我们上传的那些产品呢？首先选中这个主键，然后可以看到右边有很多的选项，第一个选项就是一个产品系列，这个就可以绑定我们后台产品的系列， 因为我们现在后台并没有产品系列，我们先去创建一下一个产品系列，来到我们产品的后台界面， 点击产品这里再点一下产品系列，创建一个产品系列。例如我们这里想添加一个最新到货的产品，点击保存创建一下，再点产品系列，这里可以看到已经有一个 new arrival 的 一个产品系列，但是里面是没有产品的，我们可以添加一下产品， 点击产品这里浏览添加一些产品，比如说我勾选几个产品，点击添加，这时候可以看到这个产品系列已经有八个产品了。 我们再回到店铺装修的页面，然后在产品系列这里点击选择，这时候就可以看到我们刚刚创建的一个新到产品系列的选项了。我们点击选择一下，这里就可以看到 我们刚刚创建的一个产品系列已经关联上这个主键了。这里我们也可以看一下他的其他一些选项，例如说我这里一共让他显示了八个产品，每一行有四列， 我也可以让它只显示显示四个产品，也可以把列数改为三，这样子就更宽一点。我这里还是改成一共展示八个产品， 每行有四列这种展现形式，这个比较符合我的预期。然后我们点击保存一下，下面还有很多其他些选项，大家根据自己的需求去更改一下就好。我们去店铺的前台那里看一下，这里我们就可以看到 我们上传的刚刚添加的一个主键以及这些产品了。我们鼠标移过去会有一个图片的变更，那个是这个主键的一个功能，展示的第一张图就是产品的手推图，然后鼠标移上去的时候就是产品的第二张图， 我们也可以去产品那里看一下，例如我选的产品就是第一张图片，当我们鼠标悬顶上去，就展示第二张图片， 因为这张是主图，这张是副图，其他一些就要点进产品的详情才能看到这张图片了。好了，这一节关于产品系列的添加新品，我们就讲到这里，下一节我们继续。

各位同学大家好，我是今天讲师媛媛，欢迎来到我们学微贷的独立站搭建课程，这节课我们主要是讲折扣该怎么设置，我们现在去复盘一下之前的内容，之前我们设置了政策条款， 绑定了域名，做了解账页面的设置，还有店铺的 logo 基础设置，邮箱的填写等等，做了一些基础。那我们现在已经到了设置里的，基本上是后面这一步了，叫做折扣。折扣是什么呢？多件多折、 满减，满减是最直接的打折，还有是满多少包邮等等啊，这些都是一些折扣。那我们国外的客户其实更加倾向于折扣码， 也就是说它填写这个折扣码之后，它可以马上进行折。那我们怎么创建呢？首先点到这里有个折扣， 先把这个挪上去，点这个折扣点，创建折扣。好，这里有创建的各种类型，大家可以看看。产品订单额折扣 by x get two， get one。 好，大家可以看一下。我们这边可以去设置一下。比方说产品定额折扣点，这个设置折扣码，随机生成一个折扣码百分比， 我们给他打个九折。特定产品系列或特定产品，针对某个品啊，浏览一下打勾或者全店去添加，针对于所有客户， 这里大家记得去看一下。设置一下。把这个时间的话，可以设置成最近七天或者最近三天，或者直接拉长这个时间，设置成一个月、两个月去针对这个产品进行打折，它会自动生成一个随机码的， 这是自动折扣，自动折扣的话，买完这个产品他会自动打折，一个是折扣码，一个是自动打折，大家都可以去设置一下好，针对折扣的类型的话，目前上市面上有很多好用的插件，大家可以到应用里面直接搜索折扣两个字，或者用英文单词去搜索， 这样的话不仅我们可以用后台的系统去创建折扣，也可以用应用插件里的东西去创建折扣，有很多方式，那我们折扣这边已经介绍到这里，我们下节课再见。

大家好，这里是卓茂建站，专注给大家分享 shopify 的 建站干货。从这一节开始，我们将跟大家一起进行 shopify 店铺页面的装修，我们将会以一个珠宝类网站的建设， 一步一步带大家完成。网站的模板我们选用官方默认的模板，在这里点击在线商店改到模板，这个默认的 horace 模板是官方免费的，如果你切换成其他模板，也可以切换回来， 在下面的模板商店可以把它切换回来，切换回来之后可以点击这个编辑模板，这里就是 shopify 网站页面编辑的模板了，可以看到这个编辑的页面分成几个部分， 一个是页头，这里我们可以在这里切换不同的页面。如果你要装修其他页面，可以就切换到其他页面。例如说我们要装修礼品卡页面，可以在这里切换到礼品卡页面，再对页面进行装修。 如果你要对首页进行修改，就这里切换到首页。然后右边这里可以看到有 pc 版和手机版不同版本的页面，也可以做预览。左侧这里可以看到有当前页面的一个大概的排版，而中间这一大块 就是我们页面实时的编辑，格式化编辑。右边这里当我们选中相应的主键，右面就可以看到这个主键所有的选项，所有的主键都是遵循先选中， 然后在右边这里修改参数的原则。店铺几乎所有的页面都可以分成 handle 和 footer， 还有中间的模板三大块。其他的页面，例如购物车、博客等等产品的页面都是一样的，都是由 handle 和中间的模板 和下边的页角 footer 组成，例如这里，这上面一大块包括菜单栏 就属于 hand 这一块，中间一大部分的内容就属于这个模板，而下面的就属于页脚。我们不同页面的差别主要就是中间部分的模板，当我们编辑之后就点这里保存，保存后就可以查看它在在浏览器中的效果了， 这里可以查看前台的效果，大家可以看到这是我们默认的页面。好了，这一节我们就先分享到这，先让大家对后台编辑页面的布局有个了解。 从下节课开始，我们将对页头的各个主键进行讲解，这节课我们就分享到这，下节课我们再见。

大家好，这里是卓茂建站，专注给大家分享收笔返的建站干货，这节我们继续给大家讲收笔返。店铺页面的装修，我们先来讲店铺首页的装修，可以看到首页这里我们分为 handle foot 和中间的内容模板。我们这节先讲 handle 部分， 先讲公告栏，首先可以在内容这里选中公告栏，或者是左边这里选中公告栏就可以对公告栏进行编辑了， 选中之后右边就可以看到公告栏相关的编辑选项，我们可以对其进行修改，比如说我们可以选中修改公告栏的配色符号，这样子我们的配色方案就应用到了公告栏这里，公告栏的内容可以选这里选中的文字，这里可以修改文字， 我们这里来修改一下，修改完之后这里就可以看到修改后的效果，例如说你要对其他样式进行修改，可以把字体加粗之类的，修改完后点击保存，这样可以看到修改后的效果。 如果我们公告栏有多条，那怎么处理呢？可以选择左边这个公告栏，右键复制这个公告，然后粘贴到公告栏这里，这样子就会有多条公告栏的， 这里可以切换现在内容一样，我修改一下，这里也加粗，这样子就可以看到有两条公告栏了，那公告的自动播放，自动切换到下一条公告，是这样的，这里可以调节时间， 我这里可以三秒钟让它滚动一次，点击保存，我们来前台页面看一下效果，刷新一下这里就可以看到公告栏，这里已经修改了。好了，关于公告栏我们就讲到这，下一课我们继续。

大家好，这里是卓茂建站，专注给大家分享 shopping 百的建站干货，今天我们继续跟大家讲 shopify 的 装修。上节课我们添加了产品系列的选项卡， 这节我想在选项卡下面添加一个。来到主页模板这里，我们在下面产品系列表下面添加一个特色产品的一个分区， 点击添加分区，在这里找一个比较符合我们设计意图的一个选项卡，这里也有个特色产品的一个选项卡， 但是并不太符合我自己的一个设计意图，这里我们可以看到一个编辑样式，这个样式比较符合我的一个设计意图，我就添加这一个。 其实不只是说一定是特定的选项卡才能用，我们只要符合自己的设计意图的选项卡都可以尝试一下。 我这里点击添加一下，可以看到左边有一张图片，右边是一个产品的一个描述，我这里先换一张图片，例如说我这里推荐一张项链的一个图片，然后右边这里有一些描述，我们可以改一下，这里我就不要了， 这里文案我们改一下，看到下面有个 stop now 的 按钮，但这个按钮的样式并不符合我的设计风格，我们改一下，这里样式有主要次要和链接，当前是链接，我们改成主要看一下，这个大体符合了，但是这个样式我们再改一下。现在是黑字， 然后蓝底按钮的颜色，所以配色方案选一下。我们的配色方案， 这个配色方案已经生效，但是按钮这里还是黑色和白色。我们再改一下这个配色方案，这里我们把主要按钮这个背景改成白色吧， 然后文字改成黑色保存一下，这样就比较符合我的一个设计的预期，我们在前台预览一下，另外我想这个选项卡上下留一些边距，我这里调一下，先看看，留个三十像素，底部下面也留个三十这个图片我们编辑一下，这里有个扫，那我希望点击一下可以 跳转到这个产品，点一下上面这个按钮，右边这里有个链接，我们更改一下，更改成产品，选中对应的产品，这样子点击这个按钮就可以跳转到这个产品了， 我们点击保存一下，但这个设计是因人而异，大家觉得怎样好看就怎么样去设计就可以了，我这里只是告诉大家这么一个用法而已，我们来前台页面这里看一下，这里点击扫 no， 就 可以跳转到对应的一个产品页面。好了这一节我们就讲到这，下一节我们继续。

大家好，这里是卓茂建站，专注给大家分享 shopify 的 建站干货。这节我们继续讲 shopify 的 店铺装修，我们开始讲 shopify 的 菜单设置，这里的菜单我们应该怎么修改呢？这个菜单其实在 shopify 的 后台这边修改， 返回我们后台的页面，点击内容，点击菜单，这里可以看到有一些菜单， 我们可以新建一个，也可以在原来的菜单基础上进行修改，例如这个 main menu 是 主菜单，在这里就可以对菜单进行更改了， 例如 home 主页，我们现在对菜单进行修改一下，我们自己新建一个创菜单，就叫主菜单吧，取个名字添加菜单项，这个名称不会给客户看到的， 可以任意取，标签就是展示在菜单栏上链接，我们现在还没有，就先选一个主页，先把菜单建出来，后续我们再链接到这个页面。这个菜单建好了， 我们保存一下，这里点击菜单，菜单之后，右边可以配置当前这个菜单选项，要绑定我们后台哪一个菜单的内容，点击替换。 可以看到我们刚才新创的一个菜单项，叫 my main menu， 选中一下这里就可以看到我们刚刚创的菜单项了，也可以对菜单的样式进行修改，比如说字体，我这里暂时不修改了， 如果要创建二级菜单应该怎么做呢？回到我们的后台页面菜单这里我们新创这个选项，点击在这里可以拖动我们的菜单， 拖到下面就是一个二级菜单，我我把这两个作为二级菜单，点击保存，我们看一下效果，这里还没保存，保存一下，这里再刷新一次，可以看到我们的这个 new arrival 下面就已经有了二级菜单，但三级菜单也是可以的，继续拖动就会变成三级菜单， 点击保存刷新一下看看效果。这个主题可能不支持三级菜单，我们就直接演示二级的，有些模板是支持三级多级菜单的，我们现在调回去，现在就只有一级菜单点保存，现在就可以看到我们刚刚设置菜单的效果了。关于首页的菜单就讲到这里，下节课我们再见。

大家好，这里是卓茂建站，专注给大家分享招批发的建站干货。这节我们继续讲招批发的店铺装修。这节来到了 后台主页的首推大图，主推这个图是我们网站构成的重要部分，客户点击进网站之后，第一眼看到的就是这个首页的大图，所以它是非常关键的。在这个大图我们一般要明确的告诉消费者，我们的网站是做什么的， 卖什么商品的。可以看到这个大图贯穿了整个屏幕，像这种占满屏幕的，一般分辨率都要幺零八零 p 起步的 这个横屏就幺九二零。我们可以设计一张宽度为幺九二零分辨率的图片，然后放在首页这里作为主推的图片。 我这里已经制作好了一张，我来修改一下，看看效果。选中这个主推图，选择我上传的图片，这里可以看到图片在首页展现的效果，但如果你是视频的，也可以选择上传视频，视频的话动态效果会更明显， 更加吸引客户。因为我想做的是一个集结网站，我不需要这些文字，那么我就可以选中，然后移除他们这个按钮，我也不需要删除它。可以看到我们现在图片看起来有点灰， 那是因为主推图他默认给我们叠加了一个灰色，我们这里修改一下，把这个灰色去掉，这样把那个透明度拉到最大。这里就可以看到我们图片已经清晰了，点击保存在我们首页看一下。刷新可以看到主推图已经出来了， 如果你有多张主推图，也可以上传在这里上传到媒体二，这样就会出现首页这里主推是轮播图的效果，我这里只上传一张作为演示，大家可以自己尝试一下。好了，关于主页主推图的这个我们就讲到这，下节课我们再见。

hello， 大家好，今天来说一下商品详情页，这里添加一个粘性加车按钮，首先看一下这个功能，嗯，就是这个模块， 就是当你打开一个小企业的时候，在这里有个加购物车，当你滑动到一定的一定的距离，它就会弹出对这里显示一个粘性的加购物车，就有利于用户添加购物车下单之类的。 嗯，我之前我这个功能目前只支持在手机端显示，所以这里点了手机端。好，我们再看一下这个功能是怎么做出来的， 它呢就是在 sex 目录加了一个，再加一个 sex， 然后我们看一下这份代码是怎么写的， 下面是备注，这里呢就是判断，判断单元模板在数字在那个 product 下就是产，产品详情下面是产品，产品详情下面，然后这里有一个是否开启那个粘性 严禁加车按钮的一个开关，如果这两个都符合的话，他才会继续执行，他也就是这样才会显示，然后这个是 cs， 就 不具体说了，反正这是 atm 喽，这是显示一个价格，然后这有一个 加车的按钮，然后再说一下 j s， j s 呢？他就是 获取，获取滑动了多少的，具体它就会显示这个模块会显这个是 block 的 显示，那就是隐藏， 然后它加的成功呢？还有一个弹框显示加车已加入购物车， 然后它的四个码，四个码呢？ 新华这边就是就是文字起用，是否起，默认是起用，起用那个联系购物车，然后滚动多少像素才会显示，默认是三百，然后按钮的文字按键背景颜色按钮的背景颜色，然后按钮的文字颜色 主要是这样，当文件加放入到三十人就可以使用这个功能就可以加添加上去了。 好的，今天就这样了，我是想分一个会飞的 up 主，拜拜。

哈喽，大家好，我是露露，今天我们继续讲笑编发教程，这节课将结合实操对笑编发页脚信息设置进行讲解。 页缴信息主要包含网站信息、服务信息、政策信息以及一些媒体图标，付款图标这些， 而且因为主题模板的不同，所呈现的效果也是不同的，所以导致设置办法也略有不同，我们会针对两种类型进行实操演示。 好，下面我们进入实操，首先到达我们笑频范网站后台，然后点击安拉。 sorry， 我们先到我们的主题模板看一下。好，我们现在用的是博克里，我们到主题编辑进行看一下。 好，这是我们现在的网站，然后我们往下拉， 这个地方就是我们的页角左边有一个福特，我们点击一下， 然后看一下右边，右边这个显示的就是你的付款图标，如果你的网站与被迫或者一些信用卡银行捆绑之后，在这下面就会显示收款图标， 然后下面这个就是国家可以选择显示，也可以不显示。然后这个地方就是语言选择，因为我们只设置了英语，所以说这个地方点也可以，不点也可以。如果你设置了其他语言， 比如说你又设置了英语，又设置了韩语，那么你点击这个，他就会在下面 出现一个图标，在这边可以选择你的语言切换，然后这个地方就是和政策捆绑的地方， 因为博克林比较经典，所以他的叶脚能改的地方比较少，而且这个地方也没有增加窥克令。可所以说当我们设置完之后，他只会一个个排着出来，大家看一下，因为等一下会和其他的去做对比， 然后回到我们的小米饭网站后台，在之前我们已经在 ctns ligo 里 设置了一些政策文件，而且在阿拉斯达瑞配件室里也设置了一些文件， 所以现在我们就要把这些文件全部都添加到页脚这个地方， 我们在安装 sorry， 找到那边更新，然后点击 这就有一个页脚菜单，然后点击 现在只有社区，和我们网站页角的社区是对应的，只有社区，然后我们现在添加一些其他的，点击这个添加， 然后点击这个令可令可里面找到我们的文件，我们先把它都添加了，等一下我们再排列， 这是影视政策， 然后退换货政策， 然后服务条款啊， 然后刚才的政策就添加完了，然后再从配节室里添加，添加阿爸他二死 康泰凯，阿斯， 然后付款方式，好，这样我们就把配件设还有 logo 里面的文件和政策都添加了，然后我们把它排序一下，像这个设计因为我们业所也有 了，所以说就可以把它删除。点击迪丽特，然后进行蕊木五，然后把阿爸的二十放到前面，扛泰个二十也放到前面，按住，然后往上拖动， 然后付款方式也可以往前提，这样我们的页尾政策就填充完毕，然后我们点击保存好现在，然后我们到店铺里去看一下， 往下拉，没有立刻出现，就多刷新几次就会出现。 大家看这里阿巴尔的阿斯这些我们刚才设置的就全部 添加完毕，这些和这些是对应上的，大家可能在其他的一些网站能看到一些页缴政策信息的，能分类，但是博克里因为是主题模板的原因，他不能分类，他只能按照顺序这样排下来， 然后我们切换一下模板进行分类演示， 点击安拉。 sorry， 我们现在用的就是博克零，然后我们以这个档进行演示， 点击 x， 我们先预览一下， 他现在呈现的 就是这种效果，也是按着顺序往下排的，但是他有一个区别，就是有窥可拎可死， 有规格，立刻是就意味着他能分类，能把这些政策信息分类好。回到我们的小编卖网站，这个当我们只是演示一下，如果大家想切换的话，可以点击这个帕布里写，然后进行切换。好，现在我们对页角进行编辑 好，我们往下拉， 然后找到左边的裤腿，就是我们的页脚，然后我们看右边，右边有掰个光的，这里面点击的话他会呈现不同的效果。 看这就是黑色，大家可以根据网站的颜色自己去调一下，然后我们就以白色进行演示，然后这个地方就是休一 marsapple， 就是这个地方， 这些文字大家也可以去编辑一下，然后这个地方就是显示媒体的图标，这个也可以点击一下。如果你的网站填写了一些，比如说 facebook， 推特，还有因斯官吗这些网站链接， 这个地方就会显示出图标，然后这个地方就是我们刚才说的国家，然后这个地方就是语言选择器，然后下面就是付款方式的图标。好，然后再看一下 这个奎克利克斯，有一些主题模板，就有这个奎克利克斯，有一些主题模板就没有奎克利克斯，有窥克利克斯的就可以进行分类，我们和刚才的进行对比一下，这个是博克领的主题模板，他就没有奎克利克斯， 这个是档这个主题模板，他就有魁克令格式，我们点击一下黑顶， 然后看右边，右边这个文本和这些是对应上的，大家可以根据自己的需求去进行编辑， 然后我们主要演示的就是这个窥客，另个是好，现在回到我们的小平范网站后台， 然后还在 ols sorry 下面找到我们的那位更新，然后点击，这个时候我们不点 点击这个页角菜单，我们点击添加菜单，给他取个名字， 康普尼银房卖信， 然后点击添加， 然后在配节室里把阿坝阿特阿斯，然后接着添加 扛派克的阿四进行添加，添加完之后我们点击保存， 点击返回， 然后我们再添加菜单， 然后这一次我们再取个名字，就叫色卫士， 然后点击添加， 点配件，是把付款方式添加添加，然后再点击添加，然后点政策， 把这些隐私条款， 退换货政策， 服务条款啊全部 进行添加，添加完之后，然后点击保存， 然后再回到我们档这个模板编辑页面， 点击规格，另个是，然后右边显示的就是页脚菜单，我们把它改一下，点击倩姐，倩姐慢扭 好，这个时候就会出现我们刚刚添加的康普宁隐防埋芯和十位式，我们先点击康普宁隐防埋芯， 然后点击选择，然后把上面这个奎克令格式改一下，改成对应的康布妮与防卖性， 然后我们可以看到左边也改变了康复尼与防卖性，然后里面有二八二的二十和扛耐克二十，但是我们添加完康复尼与防卖性还有色位是，然后我们点击添加 选择这个菜单， 这样就会多出来一个可以和另一个色，然后回到右边，点击倩姐，倩姐 manyle， 然后我们这次选择色位是，然后点击选择，然后把上面这个分类标题改掉， 所谓是好，这样我们的康博尼以防弹性和十位数就添加了，但是 他的顺序现在还是乱的，然后我们点击左边这个，有个六个点，按住往上拖动， 好，这样我们的色位是就到了中间，然后我们再点击保存， 然后回到当这个主题模板的主页去进行预览，然后点击刷新， 然后大家注意看，这就是档，这个主题模板他是有分类的，添加了康鹏尼和奢瑞士， 而我们不可领主题模板就没有分类，他只能按顺序这样排下来，所以不同的模板他所呈现的效果也是不同的，所以 对于他的设置也是有略微不同的，大家这点需要注意。好了，以上就是今天的课程，谢谢大家的观看，欢迎大家点赞关注，如果有关于跨境电商或独立站之类的问题，欢迎评论私信进行讨论或咨询，谢谢！

你有没有发现，你 ppt 广告的点击率很高，但主单很少用户点进去的，但这个页面不能吸引他去借钱了，然后他就走了。今天我们来科普一个概念，独立页。简单来说，独立页就是用户点击广告之后看到的， 绝大多数独立站的转化率其实都卡在百分之一到百分之三，他们大部分只有一个页， 把所有的产品介绍都放在一个页面上的。但是广告新的认知不一样的，有人因为看到缓解颈椎疼痛点进来的，有人看到专为侧支睡的人设计点进来的，有人看到和机器 点进来的。这时候如果你只有一个产品页面向三种用户都吸引，有可能是无效。一种用户都吸引了，怎么做呢？很简单，做多个页面，可能是不同广告内容，对应不同的行业， 当用户点进来发现这个产品能解决他的痛点，他就在这个页面能停留更长时间，也就是意味着离下单更近一步。 回到重点啊，有效的广告要匹配相关的产品内容，如果你的广告点击率很高，但下单率很低，欢迎联系我，关注我，了解更多独立讲转化干货！

大家好，我是小周，你们的 shopify 建站程序员这一期已经把关键页面的动效和交互都做完了，然后把缺少的搜索结果页面补上去了。搜索结果页分产品和文章两种不同的样式，这里可以看到出场动画和交互动效都很流畅，当然数据还是固定的，后面会补上来。 然后看看这个 lana 八个页面吧。这是一个联名产品集合页面，顶部是一个展示联名系列的 banner， 展示你和那些 ip 艺术家合作。下面开始讲这个联名产品的故事。这里讲手提包的设计，灵感来自一幅艺术作品， 然后把整幅画拆分，每个手提包印上画的一小部分，制作成五十个手提包。产品列表这里做了出厂动画，每个产品按顺序出场，售庆的产品会标出来，这种设计会制造一种稀缺感，让用户觉得这个系列非常抢手。 这里还有一个推荐，搭配做盆榜销售，带动其他产品的销量，提升客单价。再往下就是这个系列的故事和视频介绍。很多奢侈品牌都会用这种方式，通过纪录片和故事内容来强化产品的艺术属性。 整个页面看下来，你会发现它看起来不像一个普通的商品列表，更像是一个艺术作品发布页。 然后是 heritage 页面， 这个页面主要讲解品牌理念，很多电商网站会用图片做 banner， 但这个网站直接用了视频，视频能在第一时间传达品牌气质， 比静态图片更有冲击力，也更像时尚品牌的广告片。继续往下，这里开始出现品牌介绍，告诉用户是一个高端时尚的宠物用品品牌。 再往下滑，可以看到一个很明显的设计特点，页面里的图片和文字是错位排版。这种设计在时尚杂志和奢侈品牌网站里非常常见，也叫编辑风格，让页面像一本视觉杂志，整体的品牌感会更强。 继续往下是品牌价值观的部分，这里讲了产品的核心价值，比如可持续理念、五金工艺，还有皮革材料。 其实这部分是在回答一个问题，为什么一个宠物项圈可以卖到几百甚至上千美元，最后这里才开始展示产品， 但你会发现，他们依然没有很强的销售感，更像是在展示设计作品。整个页面的逻辑其实不是在卖产品，而是在建立品牌价值。这也是高端独立站和普通电商网站最大的区别。 再然后是博客集合页，其实对于一个成熟的独立站来说，内容页面是非常重要的流量入口。页面顶部放推荐文章，通常是最热门的，或者你想推荐的。继续往下看，你会发现这里的文章内容并不是简单的产品介绍，而是很多生活方式和宠物文化相关的内容， 比如宠物护理、宠物生活方式或者品牌访谈。这种内容会让整个网站看起来更像一本宠物生活杂志，而不仅仅是一个卖商品的网站。再然后是产品页，先看页面最上面这一块，左侧是产品图片，右侧是产品信息和购买按钮， 下面这些产品信息也很有讲究，如果你要做 seo， 打长尾关键词，一定要把这部分加上去。 继续往下滑，这里开始是产品详情，依旧错位排版的设计，图片和文字交替排列。最后这里还有一个搭配推荐模块，做 upsell， 通过展示其他产品，引导用户进行搭配购买，从而提高整体客单价。接下来展示移动端的适配情况， 大家慢慢看吧。再强调下这个项目，这是一个访站项目，对标网站叫 page， 页面是我自己写代码搭建的。发这个系列视频主要目的是想告诉大家，如果你想建站，直接发参考网站或者设计稿，我能一比一给你还原出来。而不是说随便找个漂亮的网站，录个视频，配个口播稿， 再搭配个 bgm， 就 把视频发出来了。快看，这网站是我做的，漂亮吧，这谁都会，我也会，但关键你无法证明这个网站是不是对方建的。如果网站建出来，货不对版怎么办？加钱返工吗？好了，下期见！

大家好，这里是卓茂建站，专注给大家分享 shopping 百的建站干货。这一节继续我们的店铺装修课程，上一节我们添加了一个新品系列，这一节我们想在新品系列添加一个产品分类，可以在这边格式化，下面这里添加一个分区， 也可以在左侧这边点击添加分区，我们这里点一下添加，我们要添加的是一个产品系列列表，如预览图这里我们点击添加一下，这个就是产品分类的选项卡片了， 那这里面的产品图片都是默认的，我们要怎么替换成自己的产品系列呢？首先来到我们的后台产品， 产品系列这里先添加一些产品系列，我们来创建一下先这里先添加几个产品系列，这里描述可以填，可以不填分类，我这里就先随便选一些图片再继续创建，我这里就先随便选了， 这里我们已经创建了几个产品系列，可以往产品系列里添加一些产品，随便添加几个。回到编辑这里，我们可以在这里选产品系列，先选中这个卡片，右边这里可以选择产品系列，选中之后就可以看到这个选项卡的效果了。 然后这里这几个文案我想改一下，这里可以修改一下字体标题，因为我想把这个文字居中的话，好可以选中，这里， 右边这里可以选择对齐方式。居中看一下，我们保存一下看看效果。刷新可以看到我们的分类卡片已经出来了，还有这新品，这里我也想把它调到居中，我们再保存看一下，可以看到 已经符合我们的预期了。好了，这节关于分类卡片我们就讲到这，下一节我们再见。