手势化应用用户指南

用户指南解释如何启动云化应用学习上传产品媒体从Sortify到云端,将云端媒体添加到主题中,并开始看到商店前端优化响应定制媒体的好处

运维概念

动画显示云化应用高端操作方式

0: 00	sortifify用户创建产品并上传图片视频可添加标签到产品中并按图像序Sequip确定产品主图像
0:07	App使你有能力把每一种媒体文件 上传到您的云媒体库按钮推送.云中资产贴上标签并元数据字段集成信息由Scopify提供,例如产品柄和产品标签集
0:11	云化回回复Scopify信息 资产存储产品元字段手势化
0:13	云形应用流片段引用元域显示图像和视频商店需要将这些片段插入主题代码中适当位置介质从云中传输 最优方式查看设备

并见手写视频教程.

安装

官方云化集成自定义a可安装到您的Sortify商店启动存储程序需要支持团队帮助

创建支持请求表示您的myshopifyURL帮助安装并授权存储a

预设条件

指令假设:

• 币游国际平台内存可编程媒体账号如果你还没有,你可以快速免费寄存器.
• 店里已经开店不做,你应该先做
• 云应用安装在Seatify
• 你连接应用云if not:
  1. 手语 打开云应用应用菜单项
  2. 点击连接云登陆云

手艺产品媒体上传云

要释放图像视频在商店前端的威力,你必须先上传产品媒体到云端

运行这些步骤向云媒体上传

1. 手语 打开云应用应用菜单项
2. 第一次唯一时间内同步云段设置设置页面中输入文件夹路径如果云形中不存在路径, 媒体上传时会创建路径 。设置后无法更改
   
   

3. 点击启动媒体上传开始上传产品图片和视频 从Sortify到云进程可能需要一些时间 。

   注意

   上传进行中时不更新Seppify中的任何产品资产

可见云媒体库中指定文件夹中的上传资产每种产品创建新文件夹,内含产品资产

作为同步特征的一部分,标签和元数据设置在云化资产上,元字段填入Seppify细节见附录A-标签、元和元.

显示网站图片视频

网络商店2.0主题或老式主题都可编辑主题代码,将云图像和视频添加到网站

安装时云化应用添加各种液片段片段提供功能显示网站图像和视频

• cloudinary-image-tag.liquid:用多源构建图像标签,在网站懒惰化产品图片,应用变换并适当响应断点集成
• cloudinary-pgw.liquid重命名者产品库部件页面显示产品图像和视频可定制化、响应性易读用户界面
• cloudinary-product-media.liquid:使用cloudinary-image-tag或cloudinary-video-tag制作网站图片或视频并配有可选变换自动优化质量和格式化
• cloudinary-url.liquid:让你建云化URL提供网站图像或视频,从资产公有身份证和您想应用的任何变换
• cloudinary-video-tag.liquidRenders网站视频应用变换, 或使用视频播放器或制作视频标签

可使用主题代码中的片段,用其他片段或段引用片段

向新主题添加云性液片段

改用主题存储并安装云式应用时,需要将云片添加到活动主题中点击可实现此获取最新片段中设置设置页面a

可用同机制更新片段到云情发布的最新代码

使用云产品库显示媒体

使用可高度定制云化产品画廊.

产品集显示产品页面

相关Livity模板主题代码

1. 避免页面上图像和视频重复,从当前主题删除已经在页面上显示的代码

2. 分配产品媒体JSON从元字段转局部变量

3. ender产品图片库,使用cloudinary-pgw.liquid片段传递本地变量

设置产品画廊的外观和情感

设置产品库的外观和感知

1. 使用产品图片集演示定制产品图片库代码解析选项卡 。
2. 手语化中,转到活动主题并点击自定义化.
3. 点击主题设置滚动到代码化设置 。
4. 内产品图片库配置粘贴仿JSON
   
   

显示页面产品媒体

可不使用画廊即使用页面显示产品媒体cloudinary-product-media.liquid片段

相关Livity模板主题代码

1. 避免页面上图像和视频重复,从当前主题删除已经在页面上显示的代码

2. 分配产品媒体JSON从元字段转局部变量

3. 分配初级图像字符串从元字段到局部变量

4. 或想透视产品媒体中的媒体项目迭代,在这种情况下,搭建For循环为产品提供所有媒体

需要启动响应功能如下:

1. 内主题.液化文件内段添加此行代码

并见:应用变换产品媒体.

页面显示云媒体

图片或视频存储云化cloudinary-url.liquid片段构建 URLsrc系统属性显示模板中的图像或视频标签

可应用云化变换优化媒体,增加叠加,应用视觉增强等方法,在语法中传递必要的URL语法变换参数化

优化质量q_aut和格式f_aut:

应用变换产品媒体

默认变换添加产品图像和视频bycloudinary-product-media.liquid片段是汽车格式并汽车质量.

可应用附加云化变换增强媒体作用,增加叠加,应用视觉增强等,将必要的URL语法传递到cloudinary-product-media.liquid片段化image_transformations并video_transformations参数)

举个例子环角r_100并应用效果改善图像外观e_impress并删除视频音频ac-none:

令产品图片响应

预设响应断点集cloudinary-product-media.liquid片段确保向每个用户提供最优图像尺寸,基于其视图设备上的现有空间,即移动式、桌面式或其他式

可编辑断点集修改图像大小片段变量

使用云式视频播放器显示视频

激活云性可定制化html5基础视频播放器以你想的方式在商店前端显示视频

启动并定制网站云视频播放器

1. 手语化中,转到活动主题并点击自定义化.
2. 点击主题设置滚动到代码化设置 。
3. 选择云视频播放器产品视频复选框
4. 使用视频播放器Studio定制视频播放器按需,然后从代码框复制JSON
5. 粘贴JSON视频播放器配置.

6. 视频播放器JavaScript和CSS版也可以设置,但推荐使用默认值
   
   

   注解

   云应用支持视频播放器1.09版

不启用视频播放器则使用HTML视频标签显示视频

验证介质从云交付

可使用浏览器工具检查网站媒体URL举例说,Chrome

1. 右键图像并选择检验.
2. 面板显示时点击网络.
3. 选择滤镜图标并点击Img语言.
4. 重新加载页面并查看请求图像
5. 点击图像名查看细节
   
   
   图像从云里传出后,你可以看到
   • 上头请求 URL显示云式交付URL应用变换f_auto,q_auto,c_scale,w_800上屏幕捕捉)
   • 上头内容类型最有可能与原创不同,原因是应用自动格式(AVIF,在此例中不使用JPG)。
   • 上头服务器表示云性

改变云域

云情允许你搭建私有CDN或CNAME替换默认云域

可见云信应用期望域登陆应用后修改云域时,需要点击更新应用更新域按钮中云化域段a设置

管理产品媒体

有两种不同方式管理产品媒体可选择任选 :

• 继续以Screatify为产品媒体源上传管理媒体
• 或云化产品媒体源:管理云内所有媒体,从中得益DAM能力外加快速媒体传输能力 成形优化媒体

继续以Screatify为产品媒体源

如果您不想用云化媒体源码,您可以继续以常用方式将媒体添加到Shapify产品中记住使用同步功能后加或修改产品介质

云化产品媒体源

初始时,你需要迁移Sortify产品介质云化,正如解释中所解释向云媒体上传.

之后,您可选择云化产品媒体源头,将所有资产存储到云化媒体库中,并添加到Schopify云媒体管理器.

可访问云媒体管理器,从中选择产品产品类页面后点击多动作 > 云媒体管理器.

点击添加媒体打开云媒体库.之后可搜索并选择媒体插入媒体库里还没有媒体,您也可以从这里上传到云端

云媒体管理器显示任何媒体上传云初始迁移期间,除云端直接添加介质

可使用云媒体管理器预览媒体,更新单片文本,并删除不再需要的媒体

也可以重排列介质顺序,确定产品画廊显示媒体顺序

常用媒体库特征

点击时添加媒体打开云媒体库时,您可能被要求登陆云库几乎全部功能都存取 完全媒体库

高级搜索

上头高级搜索特征允许你用过滤器搜索,例如标签、元数据、格式、方向定位、解析或(如果支持您的账号),甚至通过图像分析特征搜索,例如突出颜色、面孔存在或图像定位

更多细节见高级搜索数字资产管理指南

集合

集合代理资产分组资产可添加或取集而不影响或移动资产本身,资产可列入多项集合可创建自己的集合(假设你拥有所需权限)或云型用户可分享集合也可以向专用集合网页发送 URL 分享外部利害相关方集合信息,该网页为那些在可选指定日期范围有链接者提供

集合常可方便地分组所有资产,供特定项目或运动使用

更多细节见收藏管理数字资产管理指南

标签和元数据

有标签和其他元数据的资产使媒体库所有用户能够更好地组织并搜索媒体库中的资产

除选项上传图像或视频时指定标签外,您还可以通过嵌入式媒体库上传图像和视频后添加或编辑标签和其他元数据,甚至同时对多图像和视频设置相同的标签或元数据

可使用Asset工具栏或Asss管理页面视图并设置此数据

资产工具栏

可使用媒体库主视图同时设置数项选定资产的标签和元数据标签标签或编辑结构元数据资产工具栏中选项你可以编辑上下文元数据通过3点选项菜单元数据类型编辑(逻辑或结构化)取决于组织账号搭建

资产管理页面

可查看或编辑标签和元数据并查看嵌入图像元数据资产管理页码

打开资产管理页或双击资产或选择管理器取自资产上下文菜单

媒体编辑器

媒体编辑器仅应用图像,从图像可访问资产管理页面中点击编辑图像按钮.

媒体编辑器中,您可裁剪并调整图像大小以适应设计保存修改后图像时,当前资产将被覆盖有备份功能时可检索原创否则,你可能宁可下载修改图像并上传为新资产

变换编辑器

变换编辑器从资产管理页面中点击变换按钮.

变换编辑器中可应用并预览各种变换插入使用此变换资产作为媒体项目与使用媒体编辑器不同,原创资产未修改

更多细节见资产变换编辑数字资产管理指南

卸载云化应用

卸载云化应用时注意

• 云片段添加到主题代码中不引用代码中的片段,可人工删除片段
• 可能想清理云形元数据标签,如果你计划晚些日期重安装应用
• 非安装时,所有元字段云化命名空间删除这可能波及同时使用同名空间的任何其他应用

附录A-标签、元和元

并列同步特征中添加媒体云媒体管理器,标签标签并元数据设置在云形资产上元字段居中Sepify

标签标签

向云管理器上传或增入产品

标签标签	描述性
手势产品控件	独有产品标识符可用于显示产品图片库中的资产
sifife变量ID	标识产品变异可用以显示产品库变异资产

外,您可添加您喜欢的标签,具体写入TAGSshopify产品页字段资产同步云化时,这些标签还应用到云化产品资产中

元数据

结构元数据字段自动创建并播载云中资产,这些资产从Sepify上传或添加到产品中使用云媒体管理员

元数据字段	类型	值传	描述性
图像alt文本	字符串	alt文本定义资产	用于画廊和显示图像的任何地方的alt文本产品牌局)
图像标识	数目	Shapify资产标识	可使用云搜索
图像位置	数目	资产顺序Shoppify产品	曾定位资产产品库
图像同步	布尔	真实或虚报	状态图像是否同步
产品控件	字符串	手势产品控件	可使用云搜索
产品标识	字符串	唯一图形QL标识	可使用云搜索
产品遗留ID	数目	RESTAPI独有标识	可使用云搜索

元字段

下元域定义添加到您的产品和产品变异媒体从Scopify上传云中或加入产品时使用云媒体管理员

元字段定义名	类型	描述性
初级image_v	字符串	URL主图像云化,包括变换图像定位一产品 媒体同步云化
macductmedia_v	JSON系统	与产品关联云状资产信息公共身份证和姿势信息从云内返回 媒体同步云内
同步_v1	布尔	显示产品媒体是否已同步到云雾