品牌官网加在线商城-科技工业设备类-WordPress区块商城主题

这是使用超级区块WordPress主题-商城版 制作的一个关于科技工业设备类的行业风格，这个风格采用了品牌官网+在线商城的设计方式，将双站点合并为一个站点，从而实现品牌推广和客户在线下单、咨询的全功能型网站。

这款风格在品牌官网和在线商城方面使用了完全不同的网站头部以及导航菜单，这样的分开设计，让两种不同类型的功能能够更加凸显。

在品牌官网方面，我们采用了极简设计，头部自然悬浮在幻灯片和头部banner之上，向下滚动可变色，头图采用了全幅视频的方式，整体页面更加简洁大气。

在在线商城方面，我们使用了三层的头部设计，这是大部分商城站点所采用的，在线商城单独创建了一个页面，展示热门和推荐的产品，进入所有产品之后可以访问产品列表。

在购买超级区块WordPress主题-商城版 之后，可以导入此风格制作一个官方网站+官方商城的全功能站点，也可以用此制作外贸询盘、下单的独立站。

 三联产品头部卡片-悬浮视差产品头图和横向相册

这个风格的产品展示我们采用了国内较为普遍的横向相册三联设计，分别展示头图相册（可设置产品视频），产品信息和联系信息。

头图的展现采用了悬浮+视差的方式，在产品信息滚动的同时固定住头图和相册。

头部的筛选，更符合国人的筛选习惯

进入在线商城的所有产品和产品分类列表，你可以看到头部显示了产品的多重筛选，多重筛选可用产品多级智能分类+产品属性+价格筛选，筛选更加精确。

产品属性会根据所选的产品分类自动显示，如果当前产品分类无此属性，则不显示，此外会根据选择的条件，属性的右侧会显示该条件下的产品数量。

最后一行的价格筛选则可以通过输入最低价格和最高价格的价格区间筛选。

此外，产品列表可选当前产品的排序：

产品对比：更好的对比形式，最多可以加入12个产品进行对比

在我们制作这个风格时，参考了各类型的产品对比方式，最终选用了类似于汽车之家的横向对比方式，最多支持加入12个对比。

在对比产品属性的功能做了调整。

整体表格横向逐个显示产品属性，表格的第一列采用悬浮的方式，可以让客户在横向滚动时随时查看当前属性的标题。

所放入筛选的产品的所有属性将会被全部显示，当对比列表中某些产品的某些属性没有的时候，会使用 “ – ” 来表示此产品无此属性。

关于产品对比的演示，你可以通过这个链接进入演示中的所有产品列表进行体验：进入演示体验产品对比

多TAB切换展示产品详情

TAB切换展示是很多产品展示和商品展示所需要的，特别针对于科技工业设备行业类。

TAB切换的所有切换选项均可以后台自由增加、减少。