Shopifyのテーマをカスタマイズする時によく使うコマンドとタグまとめ

shopify version

shopify login --store ストアのURL

ex) shopify login --store　hogehoge.myshopify.com

shopify theme init テーマに付けたい名前 クローンを作成するGitリポジトリのURL

shopify theme pull -i カスタマイズしたいテーマのID

ex) shopify theme pull -i 128528580762

shopify theme pull

shopify theme serve

shopify theme push

{%    %}

{{   }}

// 画像
{{ 'smirking_gnome.gif' | asset_url | img_tag }}
// CSS
{{ 'shop.css' | asset_url | stylesheet_tag }}
// JS
{{ 'shop.js' | asset_url | script_tag }}

// 画像
<img src="//cdn.shopify.com/s/files/1/0147/8382/t/15/assets/smirking_gnome.gif?v=1384022871" alt="" />
// CSS
<link href="//cdn.shopify.com/s/files/1/0087/0462/t/394/assets/shop.css?28178" rel="stylesheet" type="text/css" media="all" />
// JS
<script src="//cdn.shopify.com/s/files/1/0087/0462/t/394/assets/shop.js?28178" type="text/javascript"></script>

{{ 'file.pdf' | file_url }}

//cdn.shopify.com/s/files/1/0087/0462/files/file.pdf?28261

{% assign hoge = テキストが入ります。 %}

<p>{{hoge}}</p>

//出力内容
<p>テキストが入ります。</p>

{% capture email_body %}
  {% if requires_shipping %}
  {% case delivery_method %}
      {% when 'pick-up' %}
        注文の受取の準備が整うと、メールが届きます。
      {% when 'local' %}
        {{ customer.first_name }}様、ご注文の品を配達する準備を行っております。
      {% else %}
        {{ customer.first_name }}様、ご注文いただき、誠にありがとうございます。注文の発送準備を行なっております。商品が発送されましたら、Eメールにてお知らせいたします。
    {% endcase %}
      {% if delivery_instructions != blank  %}
        <p><b>配達情報:</b> {{ delivery_instructions }}</p>
      {% endif %}
  {% endif %}
{% endcapture %}

{{ email_body }}

{% if weather == 'sunny' %}
　<p>今日の天気は晴れです。</p>
{% elsif weather == 'rainy' %}
　<p>今日の天気は雨です。</p>
{% else %}
　<p>今日の天気は分かりません。</p>
{% endif %}

{% for tag in product.tags %}
   {%- if tag contains '新商品' and '人気商品' -%}
       <p>新商品であり、人気商品です。</p>
   {%- endif -%}
{% endfor %}

{% for tag in product.tags %}
   {%- if tag contains '新商品' or '人気商品' -%}
       <p>新商品または、人気商品です。</p>
   {%- endif -%}
{% endfor %}

{% assign handle = 'cake' %} 
{% case handle %}
　{% when 'cake' %}
　<p>これはケーキです。</p>
　{% when 'cookie' %}
　<p>これはクッキーです。</p>
　{% else %}
　<p>これはケーキでもクッキーでもありません。</p>
{% endcase %}

{% for collection in collections %}
  {{ collection.title }}
{% endfor %}

{% section 'footer' %}

{% section 'footer' %}

{% comment %}
ここの文章はコメントアウトになります。
{% endcomment %}

{{ collections | json }}