美文网首页
shopify--使用笔记

shopify--使用笔记

作者: 写代码的女孩最可爱 | 来源:发表于2019-06-20 14:48 被阅读0次
  1. 安装theme kit
    可在本地编辑器内更改shopify的template和asset文件的代码,安装vscode的liquid代码高亮,代码修改起来更加方便直观。
    安装指南:https://shopify.github.io/themekit/commands/#using-environments

  2. 文档链接
    https://help.shopify.com/en/themes/customization/products

  3. 购物车

  • 产品允许预定 need
  • 隐藏产品价格、停用购物车
  • 替换添加到购物车按钮
  • 点击添加到购物车后不跳页到购物车页,留在产品页 need
  1. 选择类型
  • 查看产品id:
    产品 => all profduct => 选择一个product =>在浏览器地址栏可查看产品id和详细
  • 设置产品类型:
    需要选择类型的产品,默认是无法显示价格的,所以需要提示用户选择color/size等等,以便价格真确的显示
  • 隐藏售罄的类型选项:
    售罄的产品类型不显示
  • 链接产品选项:
    根据用户的当前选择更新辅助菜单,更加人性化
  • 通过单击图像选择类型:
    选项价格颜色等自动切换
  • 默认显示总览图片而不是显示某一类型:
    提示用户选择类型
  1. 产品页
  • 添加数量选择器
  • 添加尺寸表
  • 为产品添加标题或标签
  • 为产品添加色样图
  • 添加选项卡到产品说明
  • 获取产品的自定义信息:用户可留言定制
  • 在产品页面上显示产品推荐
  • 推荐产品
  • 推荐相关产品 need
  • 显示sku编号
  • 显示增值税价格
  1. collection页面
  • 添加排序功能、筛选功能
  • 为产品图像添加悬停效果
  • 更改页面上显示的产品数量
  • 更改系列的顺序
  • 更改目录页面
  • 添加系列
  • 使用产品标签过滤系列
  1. 在header面包屑处添加货币下拉选项 need

相关文章

网友评论

      本文标题:shopify--使用笔记

      本文链接:https://www.haomeiwen.com/subject/twdcwqtx.html