我是小型创业团队中唯一的开发人员。我的任务是从零开始构建一个全新的Shopify商店平台(没有Shopify的首发主题),我想确保我不会因为搞乱而被解雇。我从未在生产环境中构建任何东西。
我关注了一些在线资源,建议我从Timber框架入手。在完全建立移动设备之后,我被告知它已经过时了。我一直在黑暗中感受到并且实施了我所拥有的知识。
我的团队目前的网站主题位于 store.myshopify.com 。我一直在 dev-store.myshopify.com 上构建新的,高度自定义的主题。 如何将旧商店的产品评论,商店定位信息和其他数据传输到新商店?
答案 0 :(得分:1)
从一个基本主题开始,即使他们从头开始说一个基本主题为你提供了大部分已编码的页面,你可以在此基础上进行构建。
您可以从每个shopify商店附带的主题开始,或使用骨架主题https://github.com/Shopify/skeleton-theme(即使骨架主题中没有实现任何部分)
安装主题后,您可以开始修改重要模板:
以上模板是最重要的(如果您有帐户注册,那么帐户模板也很重要)
如果这是您的第一个Shopify主题,请不要对主题设置过于疯狂,只留下重要的部分。例如,不需要允许用户更改将在集合页面上显示的产品数量或同一行中显示的数量。您可以对很多项进行硬编码,如果客户想要在之后更改任何内容,您可以在主题设置面板中创建一个选项。
需要研究的资源很好:
如果不使用像木材这样的框架,你会在代码中复杂化并松散自己。
将网站编码为简单的HTML并将其转换为Shopify主题。
例如,HTML中的商店页面将是:
<div class="products">
<div class="product">
....
</div>
<div class="product">
....
</div>
<div class="product">
....
</div>
</div>
当您将其转换为液体逻辑时,它将变为:
<div class="products">
{% for product in collection.products %}
<div class="product">
....
</div>
{% endfor %}
</div>
所以我的建议是从HTML阶段开始,获得批准,然后继续Shopify集成。您可以使用Skeleton主题作为参考,或使用每个Shopify网站附带的启动主题。
如果您有一个包含滑块和超过1个部分的复杂主页,我强烈建议您查看(https://www.shopify.com/partners/blog/introducing-sections-for-shopify-themes)部分,它会让您的生活更加轻松,而不是为每个幻灯片中的多个字段发送垃圾邮件主题设置面板。
希望这些信息对您有用。