跳至主要内容

Shopify 商品售卖属性优化插件之G:Variant Image + Color Swatch

推荐一款很赞的Shopify商品售卖属性呈现样式优化的APP（G:Variant Image + Color Swatch）

安装此类插件列表页效果对比

图片来源：shejolly.com

安装此类插件详情页效果对比

未安装插件效果，图片来源：shejolly.com

已安装插件效果，图片来源：shejolly.com

未安装此类插件时，商品在列表页是不直接呈现多（颜色）售卖属性的，在详情页多（颜色）售卖属性也仅是在编辑商品时录入的（颜色）单词，可以明显看出安装此类插件后网页的用户体验明显上升，列表页的提升在于用户可以快速感知到这款商品有多（颜色）售卖属性，详情页的提升在于帮助用户通过图片快速对应（颜色）售卖属性，且当一款商品售卖属性很多时，图片呈现所使用的区域优于文字。

Tips：当一款商品有大于3个售卖时，将setting - Collection page呈现的售卖属性数量上限设置为3，为什么设置成3呢？原本PC端可以设置更多，但目前主要流量已转移到Mobile端，Mobile端最优呈现数量为3，自己动手测试起来就一目了然了 :D

插件链接：https://apps.shopify.com/globo-color-swatches

标签：

评论

发表评论

此博客中的热门博文

完美解决Google Adsense地址无法接收PIN信件，导致无法完成地址验证问题

  My account cannot modify the address to receive the PIN code https://support.google.com/adsense/thread/285805766?hl=en 如何更改“付款资料”中的“国家/地区”？ https://support.google.com/adsense/thread/199758408?hl=en AdSense账户国家错误，需要申请修改 https://support.google.com/adsense/thread/199757027?hl=en https://payments.google.com/gp/w/u/0/home/addressbook Google Adsense后台是地址是没有编辑图标，所以无法修改
发表评论
阅读全文

Opencart模板导航栏和商品优化

2020年8月购买了一个Bluehost服务器，用Opencart搭建了一个电商网站（ CDCLOTH.com ），当时浅浅的研究了一下Opencart这个开源程序部署好后，有哪些地方需要优化，当时将所做的部分优化记录在了有道云笔记上，今天整理发布到个人博客，分享给有需要的朋友。 1. 类目栏背景色和字体颜色调整 刚搭建完成的网站前端页面一级类目栏背景色是蓝色，字体是黑色，由于网站是售卖服装类，蓝色背景色显得不搭，所以需要调整为黑色。所以我们需要在前端找到这个section code所在位置和引用的css字段名称，然后需要去后台源码中找到对应code位置和引用的css字段，并理解code需要如何优化才能呈现想要的效果。 http://xxxx.com/catalog/view/theme/default/stylesheet/stylesheet.css 对应源文件位置：catalog> view> theme> default> stylesheet> stylesheet.css #menu { background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a; min-height: 40px; } 更改为： #menu { background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; min-height: 40px; } 二级类目同上存在类似问题需要调整，需要优化二级类目展开后背景色及Show All Category的字体颜色。 .dropdown-menu li > a:hover { text-decoration: none; color: #ffffff; background-color...
发表评论
阅读全文

高质量外链 - Bigcartel.com

今天继续分享一个高质量外链源Bigcartel.com，一个简约的提供在线商店功能，可以绑定独立域名，但是对于SEO增加外链源直接子域名即可，整个域名的权重很高，唯一不足的地方就是Spam Score达到了10%。 Bigcartel .com 网站权重 PA: 80，DA: 90，Spam Score: 10% 1. 在Account管理页面可以添加整个子域名的页脚链接，这个链接是Dofollow链接。 2. 在Account管理页面Shop design板块进入装修设置页面，免费版本无法修改code，可以通过增加Page来丰富内容，同时增加的Page中添加的链接是Dofollow链接。 3. 免费账户可以在Products板块增加5款商品，同时可以设置5个子品类，子品类会生成对应的页面，可以丰富整个子域名的页面内容。不足的是商品无法支付富文本编辑，无法给增加的5款商品添加对应的Money站链接，但是可以使用URL文本格式。
发表评论
阅读全文