0

我是我的小型创业团队中唯一的开发人员。我的任务是从头开始构建一个全新的 Shopify 商店平台（没有 Shopify 入门主题），我想确保我不会因为搞砸而被解雇。我从未在生产环境中构建过任何东西。

我关注了一些在线资源，建议我从 Timber 框架开始。在完全构建移动设备之后，我被告知它已经过时了。我几乎一直在黑暗中摸索并实施我所拥有的知识。

我团队当前的网站主题位于store.myshopify.com上。我一直在dev-store.myshopify.com上构建新的、高度定制的主题。如何将产品评论、商店定位器信息和其他数据从旧商店转移到新商店？

4

1 回答 1

1

从基本主题开始，即使他们说从头开始基本主题为您提供了大部分已经编码的页面，您可以在此基础上进行构建。

您可以从每个 shopify 商店附带的主题开始或使用骨架主题https://github.com/Shopify/skeleton-theme（即使骨架主题中没有实现任何部分）

一旦你安装了主题，你就可以开始修改重要的模板：

  • 指数.液体
  • 收集.液体
  • 产品.液体
  • 购物车.液体
  • page.liquid

以上模板是最重要的（如果您有帐户注册，则帐户模板也很重要）

如果这是您的第一个 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）它将使您的生活更轻松，而不是在主题设置面板中为每张幻灯片发送多个字段。

希望这些信息对您有用。

于 2017-03-21T08:44:42.740 回答