1. 首页
  2. 跨境营销

从零开始开发Shopify主题:(1)注册开发者店铺

本系列教程适合有代码基础的,想要自己开发Shopify主题的用户观看。这个教程是一个入门教程,可以让你了解开发Shopify主题是什么样的一个流程。

首先,你需要了解的是你无法在本地进行调试Shopify主题。因此,需要先去Shopify Partners去注册一个账号,注册完登录进去后,点击右侧商店,创建一个开发商店,如下图。
在这里插入图片描述
然后填写开发商店的名称和登录密码,因为我们是开发模板使用,所以目的选测试应用或模板
在这里插入图片描述
点击完成后,就进入了我们开发商店的后台:在这里插入图片描述
至此,我们的开发账号就搞定了!

Shopify开发者店铺后台
后台地址为上面你注册的名字地址,比如:https://yourstore.shopify.com/admin,后面的开发工作都将在这里进行。

Shopify准系统入门主题
Shopify为我们提供了一个用于开发的skeleton-theme,从GitHub上可以Clone下来,文件结构如下:
在这里插入图片描述
先不管这些文件都是干什么的,但是我们先要知道里面的大多数文件都是以.liquid结尾的,Liquid是Shopify自己的模板语言,关于Liquid语言的详细信息,可以查看这里-》https://shopify.github.io/liquid/

让我们打开src/layout/theme.liquid文件,可以看到里面的模板代码,这里我用的IDE是WebStorm,默认没有语法高亮的,需要安装一个插件Twig,然后配置一下,Editor->File Types->Twig ,添加一下*.liquid就行了,如下图:
在这里插入图片描述
如果我们想要上传模板,需要把我们刚才clone下来代码打包成zip文件,然后上传到shopify开发店铺的后台,注意这个模板无法直接使用,但是可以用这种方法修改已存在的模板,比如从模板商店下载的模板进行自定义。前面说过,Shopify的模板开发无法完全在本地开发测试,所以后面的课程会再介绍联线调试。

原文链接:https://blog.csdn.net/qq_38402659/article/details/104609543?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167193311916800182164885%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=167193311916800182164885&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-6-104609543-null-null.blog_rank_default&utm_term=Shopify

你可能感兴趣

Shopify如何选择一个主题并且进入编辑界面

您好,欢迎。这次简单介绍一下有关于Shopify如何选择一个主题并且进入编辑界面。希望您看了有所收获。Shopify选择主题的编辑界面 首先登录到Shopify的后台界面,然后在左侧选中

如何修改shopify底部文字的版权信息

Shopfiy虽然在易用性已经做的很好了,但是有时候我们需要一些更高级的定制。比如:我们想修改有些模板下面的版权文字信息,改成我们自己的。在我们需要修改底部文

shopify模板怎么写php代码,编辑模板代码

编辑模板代码已于 Apr 09, 2021 打印了此页面。若要查看当前版本,请访问 https://help.shopify.com/zh-CN/manual/online-store/

shopify开发经验

1.任意页面直接跳转checkout页面目前shopify 购买按钮直接跳转到结账页面,shopify没有提供官方方法,但是 有一个黑科技方法,通过模拟 提交

shopify api php 开发,Shopify 二次开发 配置本地开发教程 最详细详解

摘要身为 shopify 网站管理者与开发者 时常需要根据需求去编辑代码,进行少量的代码编辑在页面上编辑还好,但是需要编辑大量的代码则是非常不方便的,因此需要

速卖通装修html自定义代码,Shopify基础建站教程,独立站装修主题代码设置

Shopify作为建站工具,它确实能够让我们非常便捷的建立网站并实现网站的各种功能。但是这样的便捷也牺牲了一定的可自定义的空间。通俗的说,Shopify把各个功能都模块化了

shopify模板下载本地

第一步安装chocolatey 直接去官网按照步骤进行操作https://chocolatey.org/install如果执行命令过程X现下边报错 说明电脑已经安装过了An existing Cho

用Gооgle Ads搞Shopify Dropshipping推广流程

本篇文章将介绍如何一步一步在Gооgle Ads上推广你的shopify店铺。新手如何用Gооgle来优化你的独立站。在我的以Dropshipping为主的shopify店铺里,Goog

WordPress真的比Wix或Shopify好吗?

wordpress 主要正对的是 “自主自属” 需求的网站,用 wordpress 搭建的网站,是正真属于自己的网站,wix 和 shopify 相当于你只是

Shopify独立站怎么做邮件EDM营销-邮件营销-邮件群发?

Shopify独立站不像亚马逊平台自带流量,全靠自己引流。先说说引流方式有哪些:1. Facebооk付费2. Gооgle Adwords,Gооgle S

原创文章,作者:starterknow,如若转载,请注明出处:https://www.starterknow.com/228.html

联系我们