产品分类页
好
那我们现在呢来去做我们第二个items
这里就是第二个项目
产品这里
那么产品这里我现在替换了一下
我将这个products原先是做了个页面
我将这个页面直接去掉了
我用成一个custom link
就使用了一个
customing
就是这里面是不包含任何的链接的
因为我实际上也不需要这个
专门的一个products
这里
因为我希望客户能够更直接的去到
我具体的产品的这个类目页
因为层次可能分的太多
本身也会让用户会觉得有点乱
所以我products这里我取消掉了页面
我直接来去做
我这里一二三四五六七八九十个
十个产品类目的这个产品类目
也并且呢
啊我在这个部分
有一个all PRODUCTS的这个按钮呢
我就直接啊我将我所有的产品
就我将这里产品分类
里面有一个un categorized
就是未分类的
这里我把它改成all products
getting all products
然后的话呢
我会将我所有的产品
除了各自归到这个
他们对应的产品类目之外呢
我也另外勾选一个oproducts
这样的话呢
用户如果他想要查看我们所有的产品
他可以点击这个oproducts
然后呢我那个oproducts
它也作为一个单独的一个类目
我给它们做一个统一的
一个产品类目模板
这样的话呢
用户既可以点击对应的这些产品类目
来查看我的产品
也可以点击这个oproducts的这个类目
来去查看我的产品
所以我现在呢要做的是呃
来去创建我产品类目的
一个呃一个模板
那么大家先看我目前默认的产品类目
比如说我点击这个a frame TENSE
它是显示是什么都没有
而且这个模板
这个是未做任何的模板的
我们现在来做模板的话呢
我们来到后台
现在我们要使用elemental的模板
来去创建啊
产品类目的一个统一的模板啊
这就是使用elemental方便的地方
我们可以在这里直接做一个呃模板
然后我们点击就是这里有个templates
我们点击saved templates
然后我们点击这个add new template
这里有一个
products RK啊
我给它命名一下products RK
templates
这里呢
我们首先会看到一些现成的模板
我们可以选择
那么实际上
模板库里面有些呃挺简洁的
我觉得也是完全可以拿来用的
哎这里好像也没什么模板吗
那么我们就关掉
我们不用模板了
好我们来去做这个模板页
呃产品分类的模板页
我们首先增加一个
容器
那么常规的方式就加个标题嘛
对吧比如说我这里加一个啊
先把容器的宽度来调整一下
是前二然后呢
我这里面常规的就是我加一个呃
在左边空间里面
大家可以看这里就是elemental
它也做的比较方便
因为我这个是产品类目的模板
所以他在左边控制里面
自动的就把这个我这个类目的标题
类目的产品
类目的描述什么
他都已经主动的给我提现
放到前面了
这样我就可以很方便的找到
那我就直接拖拽这个r开
title那这个r开title呢
它是一个动态的标题标签
什么叫动态标题标签呢
我们可以看
我的产品类目其实是很多的
那么
我虽然是创建了一个产品分类的模板
但是呢
因为我这里使用了这个是heart开title
就它它这个是一个动态的标题标签
那么我我的类类目
如果是这个a frame tense
那它就自动的会变成a friend tense
我的类目如果是这个camping tense
那它这个呢就会自动的变成camping tense
所以这个就使用的是动态的一个标签
那么这里呢
因为我们在空间里面
我们是直接可以找到这个啊cap title的
但实际上你也可以直接添加一个heading
然后呢
heading这里我选择一个动态标签
比如说这是个heading heading这里
然后呢我们点击这个呃
右侧有一个Dynamic text
点击之后呢
你这里可以选
比如说这里有一个
同样是有一个ARCHIVE title
那么你一样是可以把它设置为
动态的一个标题标签的啊
那这我就不用了
我就用他默认的这个
好然后现在呢
我看到就是这个标题标签啊
它它这个标题啊
它前面会有一个Archives的
那也就是说
比如说我这个类目是a frame tense
那它就是archives的a frame tense
那我要把这个单词去掉
因为它这个单词是有点累赘的
我只要点击一下这个
左边控件里面heading这个
然后呢
这里有一个include context给它去掉
好那么它现
在就自动变成sharp
但这个sharp不是最最终的这个词啊
这个sharp其实代表的就是我
这个类目的名称
代表的是这个
然后呢我们选中这个标题呢
再让它位置居中一下
那么常规的方式就是
我加一个这样的标题嘛
但是如果我想做的稍微好看点
特别点我可以加一个
在这个大的容器背景呃
在这个大的容器上
我加一个背景
我加一个
比如说我加这个背景
然后图片啊
这个容器目前就高度太矮了
所以我把高度稍微调一下
比如说调200
好 200可能还不够
我试一下300 好
调成300好了
那么这样
它的这个
这部分看起来会稍微好看一点
美观一点嘛
然后图片的这个背景
图片的position调整一下
中间repeat no repeat display size选择cover
然后呢呃
sharp目前它是靠顶的
所以我要选中大的容器
之后呢
让里面的内容它呈现上下的居中位置
中间位置
然后呢sharp的这个呃呃
文字的颜色改成白色
然后呢我觉得这个白色还不够醒目
所以我依然要在这个容器的背景
图片上面
我再覆盖一层background overlay
覆覆盖一层
同样是使用这个
黑色的好
然后呢我们加一点透明
好加一点透明
好那这样子的话呢
可能这个标题
他看起来就会稍微的舒服点啊
这个
呃我们点击publish来预览一下
我先点击publish
然后它会让我们添加显示条件的
我添加显示条件
就加在all product archives这里
我全部加上
就是所有的产品的分类
我都使用这个模板
然后我点击say
然后呢我前端刷新完之后呢
看到它是这样的一个预览效果
呃跟我要的不一样
因为我要的是全宽
但是它这里
实际上它只显示了我的内容宽度
因为我在这个容器里面
内容宽度其实我设置了1,200嘛
容器的这个layout布局这里
那我改成全宽
看一下它的效果如何
再点击publish
然后呢我再点击这个aphron tents
这个类目来看一下
有点尴尬
他好像还是没有变
全宽没关系啊
一般这种情况下的话
那么我们就要检查一下其他的部分
我们先来检查一下呃
我们的模板在my templates这里
我点开这个products RK template
这里呢我们来看一下
先看看这里有没有相关的设置
主要是在右边
这里有一个
extra setting
这里container layout啊
已经是full with了
container style下面这些都没关系
layout已经是full with了
那么这种情况下呢
我们再来检查一下外观的customize
因为往往这种
其实都是整个全局的设置
所以我们就要检查一下customize
这里有没有相关的一些设置
点击customize然后我们来看一下
先看看我们的global
这里container
它应该是没有关系的
那么我们再来看一下
有一个叫做woocommerce
Woocommerce这里有一个product cat the log
应该是这里的设置啊
我们可以看container layout好
它这里是我这个类目的模板
然后这个是default
normal好我这里有个forwards
我看一下
点击for with
好对了
那就是在这个地方设置
我们点击publish
好然后呢
我在这个类目页我再刷新一下
好了那这样就可以了
嗯那么呃customer也是可以关掉了
它已经完成任务
然后呢我们继续回到编辑呃
products ARCHIVE这个页面
那么呃
所以我们刚刚设置了那个
在呃woocommerst product catalog设置全框之后
其实这个地方它设置全框与否
其实已经没有关系了
好标题设置完毕
我们publish
然后这里刷新一下好
没问题接下来呢
我们往下面增加产品
我们再加一个容器
好呃
气的宽度依然调整一下
调整好之后呢
我们再往里面加空键
点击加号
这里呢
大家看到这里有一个archive products
就是加这个东西
这个控件的优势在于说
它这里的产品
会随着你的这个类目去调整的
那现在他这里显示就是我们
因为我还没有上传任何的产品嘛
所以我就现在是没有什么产品的啊
没关系我先publish
然后呢我再上传一些产品进去
来到我的产品的后台上传产品
正好顺带的也教一下大家
呃现在我没有任何产品
所以我要点击create product
就是在products这里
all products这里create product
然后呢我就写tent a好
把这个关掉
这个是产品名称
然后呢我要增加产品的图片
图片是在右边
右边这里有一个product image
再往下呢
还有一个product gallery
这两个区别就是
image是你的主图
gallery是你的附图
就是从第二张图开始的
我们是放在gallery里面的
这个image只能放一张
就好像淘宝你买东西购物
第一张图就是这个image
第二张图开始就是这个gallery
我们先加一个image
好我们来加第一个
呃tent a
然后加一个主图
然后呢再加两个gallery的图
呃你可以按住control
然后你可以同时选两个或三个
然后我们再勾选一下product categories这里
这里呢呃
因为我这个我的这个网站
我设置了一个oproducts嘛
所以我所有产品
我都会先勾选一个oproducts
然后我再勾选它对应的具体的类目
它这个是a frame tense对吧然后呢
啊这里是需要加一段描述
描述的话啊
我这边就是随便使用一段描述吧
好然后呢
我我多加一些吧
这样让他看起来子多一点
好嗯
我这里再加个标题啊product
description
给它加速一下
这里面其实有点像word文档啊
就是它上面其实会会有一些
你可以去设置的啊
你可以去设置它的一些格式
包括你可以选中之后
你可以去选中它
然后呢给它
呃设置它是标题还是文本等等
然后呢我们再来添加一下这个产品
啊不对
我因为我们这是p to p的网站
所以我价格就不添加了
我会用寻盘的按钮来去表示
然后
这个下面还有一段product short description
我其实我们也要加一下的
那么我也用这个作为站位符
只是呢文字没那么多我
就放一小段
好
那么我们就依次的去增加
每一个产品下面我都增加一些产品
好然后我先我先去增加产品
好了我们现在呢
在好几个类目里面
都增加了相当数量的产品
我们现在还是回到刚刚那个
编辑产品分类页的模板
然后我们现在这里呢啊
publish之后我们刷新一下
现在我们就可以看到啊
是有具体的产品出来了
然后我们接下来就是要针对于这个哈
开product这里
我们要调整一下它的显示的样式了
我们选中这个空键
然后首先上面就是hello order就是
这个
你需不需要让你去排序的这个筛选项
那你可以要
然后你也可以不要
那我选择把它关掉
然后还有就是显示有多少个结果
那么这个地方啊我也可以把它关掉
好
我们接下来再继续来调整他的样式
现在他的这个样式呢
会显得呃略微有一点点普通
呃我个人会倾向于说呃
我把它调整一下啊
我看怎么调
呃一个是这个评分评级我不想要了
呃那么调整这个的话呢
我先点击publish
调整这个评分评级
我想去掉的话呢
呃我们应该是要来到customize
外观的customize
因为在外观customize这里呢
有一个针对woocommus的设置
而我们的产品模块
全是使用的woocommus的功能
所以呢我们来看一下woocommus
这里它针对于产品的这个catalog
它显示的这些内容
它应该是有一个相应的选项的
点击Woocommerce
product catalog
在下方这里有它首
先有这个显示的这个布局
这里呢我们可以选择这里shop columns
就是有几列显示
有几列然后shop columns这里四列
然后呢每一页产品数量是二
这里shop page display啊
然后下方啊
我们看到有shop card structure
就是这里面要显示哪些
一个是这个是category
category不用了
因为我本身我做的就是产品类目
上面这个标题
它自动会变成
我的这个产品分类的标题
所以category我就不用了
标题我要的ratings我这里选择不要
price我也不用
因为B2B的产品
其实上面是不标价格的
然后这个add to cart呢
它应该指的就是这个read more的按钮
我们来看一下影序
啊对
它其实其实就是read more的这个按钮
嗯因为我觉得放一堆的read more按钮
其实有点碍眼
实际上客户他直接点这个图片
就同样可以打开
我的那个单个产品的详情页嘛
所以我就希望是用简洁的方式
来表来去啊
展示所以我点击publish
然后我再回到产品分类模板的编辑页
我再刷新一下
我在前端看一下OK
在前端这里呢
它显示其实已经只有啊
就是我在customize这里调整的
只剩图片跟标题了
其实就比较简洁
我就可以直接点开来
那现在我们继续调整样式啊
啊看来就是在模板这里
他还是会用默认的这个样式来显示
那么我们现在调整一个什么呢
就是他这个
我们这些产品项目跟上面的空间
太窄了调整一下
我选中这个下面这个容器
把它的上边距就那边距
我直接调那边距好了
把那边距上面的部分调的大一点
调成60 看一下
点击publish
然后呢我们看一下前端的显示效果
好OK
这样子呢
看的还稍微的舒服一点
那么我们是不是啊
感觉少了点什么
对吧我们要加一个面包穴导航
差点给忘了啊
容器加完
宽度调整一下
好然后我们在这个加号里面
我们加一个面包穴导航
哎其实面包屑导航不光是为了Su的
其实也能让页面显得
嗯看一下对比吧
因为这样
光这样的感觉好像总觉得少了点什么
那少了点什么呢
一想啊原来是面包屑导航
看一下加了面包屑导航呢
就感觉
这个页面看起来就稍微饱满一点了
对吧那其实用对用户来说呢
他也可以更加清楚的知道啊
这个是产品类目的
而且大家看到就是a frame TENSE
就是啊
我们在产品的模板这里显示shop
然后呢我们到了具体的产品类目
它这个名称就变了
然后我们再换一个emergency TENSE
它也是这个模板
然后我们再看一下exhibition TENSE
它也是这个模板
都是统一的
标题都会跟着相应的调整
那我们增加了产品的这个分类
里面增加了产品之后够了吗
啊肯定不够的对吧
首先啊产品部分
那因为我们每一个类目
我只加了4个产品
那假如说
呃一个类目里面
比如说有几十个产品的话呢
我可能一个页面
上我显示12个产品
那这样的话
这个页面看的会稍微饱满一点
但是光这些其实还是不够的
我们要最好是在产品分类页面里面
我们还要再加一些其他的
就是如果你可以的情况下
如果你能够编辑文字情况下呢
你最好在上面其实再加一段文字
比如说我再加一个导航嗯
我先把这个宽度设置一下
设置为1,200
那么这里面呢
其实你可以去增加一些一方面呃
一个是内容
一个呢
其实也是让页面显得丰富一点
比如说你可以在上面加三个嗯
突出你优势的标题
怎么来加呢
比如说我在这个容器里面
我增加再拖拽
3个容器进来
好然后呢
我里面这个容器选中之后
我选择duplicate直接原地复制好
然后我在structure这里
我选中上层的这个容器
这里面包裹了这三个小容器的
这层容器
我们将这个里面内容的排序方向
改成为左右的好
三个然后呢
这三个人容器里面
我们分别增加一个heading
嗯heading
我加什么呢
比如说我加一个
啊
in in via e and v i r o n m e n t
o n m n environment friendly
对吧老外还蛮注重环保的
那么我们
将这个标题啊
现在字有点大
我给它设置的小一点
2020有点太小了
26好然后呢
我容器里面啊
选中这个容器
然后呢让它居中显示让它居中显示
好然后呢
我再将这个标题复制一下
放到第二个容器里面
这个叫什么
呃high quality
啊用Premium quality
好然后选中第一个容器
复制样式在第二个容器上面
然后它就集中了第三个容器
顺带也并复制一下它的样式
然后呢我再把这个标题复制过来
呃第三个先填什么填填填
cost efficiency
这应该是性价比高的意思吧
cost efficiency
应该就是
差不多就是节约成本的意思
反正就差不多这个意思吧
好然后我们这三个标题加完之后呢
啊要适当的美化一下对吧
怎么来美化呢
嗯
我们先将这个容器的高度调高一点
调成200
啊 200好像有点太高了
因为我的文字其实没多大啊
调成150 然后呢
我们在整个容器
我给他啊
整个容器不加了
嗯我就简约一点
我给他各加一个分隔符
一样的那分隔符的话呢
其实你可以使用elemental的空间
elemental空间里面它有个叫divide
但是divide好像只能是横向的
看一对
他好像只能是
看看有没有垂直的
好像没有垂直
没有那个divide的
那我们怎么办呢
就我们就每一个容器里面
我们加一个边框不就好了吗
对吧这个容器我选中它
然后在左侧style这里
board这里我先把同步调整的啊
不就是board radius的圆圆弧
我们不用设置
board type这里目前默认是没有的
我们选择solid实现
然后呢
board with这里我先把同步调整的关掉
然后呢我要在右边右侧加一个
加一条线嘛
然后我调整为2的这个宽度
然后我选中这个呃容器
我再继续给它粘贴样式
到第二个容器上面好
看一下哎
这样子是不是看的会稍微的
像那么回事一点
嗯只是呢
下方这个
现在好像下面这个图片
这里的容器上边距有点太宽了
我给它调整一下
我看一下调整为0好
嗯本来还是会看着有一点点的奇怪
那么我们再来调整一下啊
我们给他加一个
在外面套嵌套一个容器
外面嵌套容器呢
我创建一个新的容器然后
宽度调整一下
然后呢里面
宽度调宽一点
1300里面加一个容器
好然后呢
在容器里面我再加容器
就是把这些容器给复制进来
粘贴
再copy
粘贴
然后选中上面这个上层容器
把这个direction方向调整一下
嗯啊
不是在这层
哦粘贴的层级不对
先删掉一下
好然后我直接在原地复制一个duplicate
再duplicate
好然后现在层级对了
就这三个容器是在同一层的
选中上层容器
把direction改成这样子的对齐的
好呃
然后呢文字改一下
啊刚刚啊
我删掉了
没关系high quality cost efficiency好
然后它的嗯
其实他的高度似乎没必要很高
那么我们给这个上层容器
我们看给他呃
给文字的这一层容器我们加一个
不我们在里面的这个呃
第二层的容器我们给他加一个呃
背景色看一下效果会怎么样
选中了这个容器之后呢
style background这里增加个背景色啊
比如说增加这个颜色好
然后呢我在那边距给他放大一点
因为这样可以确保
好那边距放大一点
然后呢我再将呃里面就是这个一次
第一层容器的宽度还是调整为1,200
然后我们来看一下
呃然后我们再给这个容器
上下各加一个外边距套
20 bottom 20 bottom 30好好
我们点击publish
好我们再来刷新一下
OK那这样子的话呢
哎这里多了一个边框
我把它删掉
它第三个容器
这里其实是不需要这个border了
因为我刚刚是用复制的
所以它会有一个border
同步调整全部关掉
第一for publish
然后我们再刷新看一下
这样子看着可能会稍微好一点点
嗯个人喜好吧
那么你
你其实完全还可以在这个下方呢
再加一段文字
就是在这个下方
就其实你可以在在在这一块
这一块的部分
你还可以再加一段文字描述
就是描述一下哎
我们的产品是怎么怎么样的
当然你可以直接在这里加
我直接duplicate一个
给他里面的这些都删掉
然后呢我里面就加一段文字
啊文字给它居中一下
好是再把里面的内容居中一下
文字不用居中
无所谓
好好了啊
经过了我们各种调整之后呢
最后我把啊上面的这部分呢
我们做成了这个样子
就是你上面是三个我的特色
然后下面是一段
关于这个类目的一个描述
啊这里面的文字我们可以再多加一点
好来看一下
就是
我们可以在我们的产品类目里面呢
我们统一加
一段文字
这个文字呢是比如说我们是啊
我们始终把客户的满意放在第一位啊
之类的啊
吧啦吧啦吧啦之类的
那这个文字啊
能不能跟这个标题一样
去跟着这个类目调整呢
也是可以的啊
因为如果我们只是这样
单纯加一段文字的话呢
会导致我们所有的类目
都是同样的文字
但是假如说你希望这个文字呢
是根据我的类目一并调整呢
那么怎么做呢
就是在左边文字这里
你会看到文字有一呃这边右边有一个
也是有个Dynamic text
就是也是个动态标签
你点击一下之后呢
然后你这里可以选择
这里有一个叫啊cap
下面有一个啊cap description
啊cap met啊cap title
那你可以选择这个description
或者是met都可以啊
选择description可能更合适一点
因为它啊description
我们可以呃
雪写的这个文字更长一点
这个description在哪里呢
就是我们
在产品类目这里
产品类目这里
我比如说a frame tense这个类目
我点击打开
打开之后呢
大家可以看到这里有一个description的
那也就是说你在模板里面
你如果将文字设置了这个啊开description
那么未来你的这个类目你打开之后
它这个这个文字的内容
对应的
就是你在你的这个产品类目里面
编辑的description
这个这段文字
所以它也是可以去做动态的调整的
好了那么呃
关于这个呢
我设置完之后呢
接下来是不是结束了啊
还没有建议大家
还要加再加一些其他的内容
比方说你可以加一个FAQ
FAQ其实对于产品的页面是很重要的
同样增加人容器
然后呢呃
FAQ我们可以使用一个控件呢叫做tap
我们来看一下
我们选择这个叫accordion accordion
就是呃可折叠式的
就是这里
如果我想要增加这个accordion
我加进来之后呢
可以看到
我们这里是可以drag widgets here
就是可以拖拽控件进来
那这里呢
我其实可以很灵活的
可以放图片
放文字放任何elemental
这里它支持的一些控件
就是你可以放任何东西
其实这样也挺灵活的
对于有一些网站来说呢
反而需要这样的功能
但是如果你想要简单一点
你不想搞太复杂
比如说你这里其实你可以加容器的嘛
你加了容器之后
你这里任何控件你都可以去用的
但是如果你不想搞太复杂
你就是一个问题
一个呃回答
那么也就是在element elemental的setting这里
有一个叫nested elements
你给它关掉
改成inactive
保存一下
再来到这个产品模板编辑
你刷新一下
好我们再添加
刚刚这个according
现在就看到
其实就很简单
就是我这里一个标题
FAQ
question one然后下面就是回答的问题
然后呢
FAQ question
two下面就是回答的问题
然后这里你的那个图标啊
加号减号你都可以去调整
然后呢你也可以将图标的位置
放在左边或右边
都可以它这里默认的是在左边
你也可以放在右边
右边就是在在这个地方都可以好
我们放左边
还有呢这里就是有一个呃
提醒一下这个这个呢叫做FAQ scheme
就是呃FAQ的结构化标记
如果你的这个内容
它的确就是FAQ的啊
有关于产品如何购买等等呢
那么你就应该将这个FAQ schema开启
这个会有利于你的SEO的效果
但是如果你的这个这些问题回答什么
跟FAQ其实没有关系
它只是其他的一些呃内容
那么不建议将这个FAQ schema开启
因为谷歌的结构化标记里面
他专门针对于s专
专门有一个FAQ的一个呃
结构化标记的
所以你开启了这个FAQ
那么谷歌他从
他会认为你这个是一个FAQ的
但是假如说你这个页面
其实跟FAQ没有关系
那么可能会嗯
反而会造成一些嗯负面的一些影响
好那么我这里比如说我再加几个啊
再加几个
好然后呢我点击publish
再来前端刷新一下
好了
我们现在就看到呃我们确个标题
嗯我们加一个heading
然后呢heading名称就是FAQ
好然后我看一下H1 H2没关系好
那我这个FAQ我就为H2好了
然后我跟下面的
呃跟上面的距离稍微远一点
我增加一个上边距30
下面也增加一个边距50
刷新然后呢
我们再来刷新一下
前端的这个页面展示好
然后现在就是
我这是exhibition TENSE的产品分类页
然后呢呃三个特色环境友好
高品质呃成本效率高
也就是性价比高
然后呢这是一段他的一段介介绍
然后呢下面是具体产品
然后是FAQ
呃再往下你可以再根据情况
你比如说你放一个循环表单对吧
我在这里比如说加一个phone
先加一个标题
一个大大的get a quote对吧
get a free
quote
把它居中
然后呢再往下加一个什么
加一个form
你的循环表单给他拖过来
呃样式就不调了
反正样式调起来也是一样的
然后呢
记得就是在actions after submit这里呢
这里呢Email就确保一定要有Email
就是这个
这样的话呢
呃你你然后你输入出什么
就是发送到哪个邮箱
你设置好之后呢
来自于你这个页面的循环信息
就会自动的发到你的那个邮箱里面
那假如你的网站上
各种各样的循环表单很多
建议呢你可以做一个编号
然后呢你在subject这里
你可以呃给它区分一下
你有message from
比如编号一表单什么的
然后还有呢
就是记得要有一个增加一个redirect
重定呃重定向
将重定向呢
定向到你的thank you的那个页面
就是呃感谢提交表单等等那个
呃增加那个重定向
既是提升用户的浏览体验
同时呢
也是去有助于我们统计网站的转化
的情况那我这里样式就不设计了
我点击publish
然后大家就知道
前端呃下面会又多一个循盘的表单
可以看到
这样子好
那么关于这个产品类目的页面的制作
我们就到这里
那么实际上你
要如果要再增加一些其他的内容
你完全也是可以增加的
那么我个人会建议就是你的呃类目
其实除了只是产品的图片
你还应该要加你的
还是依然要加一下一些文字的介绍
呃再加一个FAQ的介绍
然后呢可以再加个循环表单
这个其实都是为了有利于SEO
那既然是为了要有利于SEO
那我们是不是可以在产品类目上
再增加一些其他内容啊
当然可以啊
比如说你的啊
客户的评评评价对吧
客户的这些review
你你同样也可以加
在你的这个产品的类目上面
另外的话呢
你可以根据情况
你在产品类目上
假如你有一些相关的文章啊
你可以去在产品类目页上
你也可以加上相应的跳转链接
就是可以
在类目上呢
除了有产品
另外你可以再增加一条其他的页面
的一些内部的链接
这个其实也是为了要呃这个
帮助搜索引擎
能够更快的通过一个页面
去查取到你其他的一些页面
所以就总之呢
我们啊我所看到的大部分的B2B网站
呃就是可能呃
对于网站制作不太熟悉的
产品分类页就真的是很简单的
分类页就是一个标题
然后呃record
就是那个叫什么面包屑导航
然后就是产品图片就好了
但是实际上
如果你要让这个页面更丰富一点
让他更能能够更快的被搜索引擎收录
那么你就应该要增加一些文字
让整个页面丰富一点
然后呃FAQ
然后那个product reviews这些其
实呃那个
然后customer reviews
这些都是都是特别特别有必要的
然后你最下面可以再放一个循环表单
而不是直接就是一个产品
一个循环表单
这个的确是很直接
也很偷懒
但是呃如果你要SEO
那么其实你应该认真对待每一个页面
除非呃
像什么thank you配这种呢
其实就无所谓了
thank you配这种
因为它就是一句话
最多你可以再加一个
返回到首页的一个引导的一个按钮
链接但是只要是跟我们产品
跟我们内容
跟我们服务相关的其他页面
我们都应该认真的去对待它
所以我们的产品类目页
分类页同样要去让它去丰富
而不是单一的一个
主要是产品展示加群盘
好了
那关于产品分类页我们就做到这里
然后做完之后呢
我们最后要来去设定
这个分类页的一个呃
显示的条件
就display display condition
啊其实我们前面已经加过了
就是我加在了所有的产品的分类上面
啊我只要点击say就可以了
当然你也可以就是设定条件
比如说你只设定
product categories这里
比如说a frame tent
好那如果你这样的话呢
就是这个模板
它只会套在你的这个产品类目上
而其他的产品类目
就是你没有指定任何的模板
他们就按照默认的显示
或者你也可以制作三个模板
然后呢三个模板
分别套在不同的一些产品类目上面
这里我们就不再重复演示
我们就直接全部套在这个all product ARCHIVE
上面点击save and close
好了啊产品分类页面的制作就完毕
就完成了
