当前位置: 首页 > 工具软件 > Shopify-Dawn > 使用案例 >

shopify开发经验

谢麒
2023-12-01

1.任意页面直接跳转checkout页面

目前shopify 购买按钮直接跳转到结账页面,shopify没有提供官方方法,但是 有一个黑科技方法,通过模拟 提交购物车到结账页面的形式 例子:
<a href='/cart/{{product.selected_or_first_available_variant.id}}:1/‘>  </a>

2.获取任意一个section的html

// header 任意一个section里面的文件名 header.liquid
// 注意只获取html结构没有schema数据
fetch('/?sections=header').then((response) => {
    return response.json();
})
.then((data) => {
    console.log("data", data)
}).catch(err=> {
    console.log("error", err)
})

3.git 命令 纳入版本管理的需要先清空

git rm -r --cached .
git add .
git commit -m 'update .gitignore'
git push -u origin master

4.环境搭建 资源学习

### [Liquid文档](Liquid 模板语言中文文档 | Liquid 中文网)

### [shopify文档](Shopify Developers Platform—Build. Innovate. Get paid.) 入门文档

###安装shopify cli https://shopify.dev/themes/tools/cli/installation

### shopify liquid https://shopify.dev/api/liquid/filters/array-filters

安装shopify 2.0 版本

### jquery学习https://www.runoob.com/jquery/jquery-tutorial.html

5.命令

shopify login --store xx.myshopify.com 建立shopify登录连接

shopify theme pull 拉取shopify代码

shopify theme serve 启动

shopify theme push 发布代码

切换分支

shopify switch --store xx.myshopify.com

shopify switch --store xx.myshopify.com

忽略文件操作:

https://shopify.dev/themes/tools/cli#excluding-files-from-shopify-cli

shopify theme push --ignore .shopifyignore

shopify theme pull --ignore .shopifyignore

 类似资料: