首页 > 其他分享 >Shopify 商品售卖属性优化插件之G:Variant Image + Color Swatch

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

时间:2024-03-13 16:57:13浏览次数:20  
标签:插件 Shopify Color 安装 商品 com 售卖 属性

推荐一款很赞的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

 

本文来源自:https://www.wfqcj.com/2022/09/shopify-gvariant-image-color-swatch.html

标签:插件,Shopify,Color,安装,商品,com,售卖,属性
From: https://www.cnblogs.com/WFQCJ/p/18071008

相关文章

  • springboot配置多个数据源,导致分页插件失效,返回的total为0
    直接在sqlSessionFactoryBean中指定分页插件packagecom.gs.asset.config;importcom.alibaba.druid.pool.DruidDataSource;importcom.baomidou.mybatisplus.annotation.DbType;importcom.baomidou.mybatisplus.autoconfigure.SpringBootVFS;importcom.baomidou.mybatis......
  • 解说Shopify如何外部抓取商品数据并批量上架
    以Noracora一款商品为例:https://noracora.com/products/gray-plain-crew-neck-casual-dresses-8078364A列:填充至每个SKUHandleTips:即商品详情页展示给用户看的title部分截取使用“-”转换url地址(字符全小写)B列:仅填充单个商品首行TitleC列:仅填充单个商品首行Body(HTML)......
  • vscode常用插件
    vscode常用插件博客园cnblogs客户端autoclosetag(html自动闭合标签)autorenametagauto-header(自动添加头部注释)awstoolkit(可提供简单的代码提示)AzureRepos(可以在vscode中打开远程仓库,无需下载到本地)BetterComments(可修改注释颜色)Chinese(S......
  • chrome谷歌浏览器安装vue插件
    5.1https://chrome.zzzmh.cn/搜索vue下载Vue.jsDevtools(本人使用推荐下载)【网址极简插件】5.2下载解压得到chrome.zzzmh.cn.crx的文件5.3打开谷歌浏览器右上角三个点-更多工具-扩展程序--打开右上角的开发者模式按钮5.4将5.2的解压文件拖进来安装,安装好了以后......
  • aardio 背景透明的3种方式(透明窗体1 webview2,透明窗体2-win-region-bitmap,透明窗体3-w
    3种透明模式我给起个名字,也好记忆。透明模式1:浏览器模式透明模式2:位图遮罩模式透明模式3:背景透明模式aardio背景透明的3种方式(透明窗体1webview2,透明窗体2-win-region-bitmap,透明窗体3-winform-transparent-color)3种透明窗体,主要分成是否可以穿透,遮罩组件,全部显示。透明......
  • windwos下mysql5.7安装connection_control插件,限制多次登录失败,限定用户重试时间
    启动时加载插件,在配置文件中修改后重启服务[mysqld]plugin-load-add=connection_control.dll运行时加载插件INSTALLPLUGINCONNECTION_CONTROLSONAME'connection_control.dll';INSTALLPLUGINCONNECTION_CONTROL_FAILED_LOGIN_ATTEMPTSSONAME'connection_control.dl......
  • wpf datagrid row background color alternatively changed based on row index,Alter
    <Windowx:Class="WpfApp7.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.c......
  • Idea - 关于mybatis的插件
       idea中配置的mybatis的mapper类和xml文件的图标怎么自动变为mybatis的logo?需要安装什么插件,怎么安装?  在IntelliJIDEA中,要使MyBatis的mapper接口和XML文件自动显示为MyBatis的图标,你通常需要一个支持MyBatis的插件。其中,最常用和官方推荐的插件是"MyBati......
  • PHPSTORM2019--【安装】【永久激活】【常用插件】
    一、【安装】安装前准备工作:1.关闭电脑网络,使其电脑无法联网状态2.hosts文件中添加0.0.0.0account.jetbrains.com0.0.0.0www.jetbrains.com 3.点击phpstorm2019.exe安装,我的安装目录:d:/software/phpstorm2019  二、【激活】1.jetbrains-agent.jar位于压缩包内,拷......
  • 高德地图 离线地图jsapi2.0 插件引用
    当引用一个插件,但是这个插件没有时会报错:UncaughtTypeError:AMap.ControlBarisnotaconstructor这里引用了罗盘这个插件这时候需要翻看高德的离线js了目前有两种逻辑:一个是同级目录下下载一个对应插件的js。还有一个是目录下有mapsplugin.js,通过这个插件来加载的,那么......