shopify--使用笔记
2019-06-20 本文已影响0人
写代码的女孩最可爱
-
安装theme kit
可在本地编辑器内更改shopify的template和asset文件的代码,安装vscode的liquid代码高亮,代码修改起来更加方便直观。
安装指南:https://shopify.github.io/themekit/commands/#using-environments -
文档链接
https://help.shopify.com/en/themes/customization/products -
购物车
- 产品允许预定 need
- 隐藏产品价格、停用购物车
- 替换添加到购物车按钮
- 点击添加到购物车后不跳页到购物车页,留在产品页 need
- 选择类型
- 查看产品id:
产品 => all profduct => 选择一个product =>在浏览器地址栏可查看产品id和详细 - 设置产品类型:
需要选择类型的产品,默认是无法显示价格的,所以需要提示用户选择color/size等等,以便价格真确的显示 - 隐藏售罄的类型选项:
售罄的产品类型不显示 - 链接产品选项:
根据用户的当前选择更新辅助菜单,更加人性化 - 通过单击图像选择类型:
选项价格颜色等自动切换 - 默认显示总览图片而不是显示某一类型:
提示用户选择类型
- 产品页
- 添加数量选择器
- 添加尺寸表
- 为产品添加标题或标签
- 为产品添加色样图
- 添加选项卡到产品说明
- 获取产品的自定义信息:用户可留言定制
- 在产品页面上显示产品推荐
- 推荐产品
- 推荐相关产品 need
- 显示sku编号
- 显示增值税价格
- collection页面
- 添加排序功能、筛选功能
- 为产品图像添加悬停效果
- 更改页面上显示的产品数量
- 更改系列的顺序
- 更改目录页面
- 添加系列
- 使用产品标签过滤系列
- 在header面包屑处添加货币下拉选项 need