Liquid、JavaScriptなどに関する質問
shopify初心者です。
https://www.shopify.jp/blog/partner-shopify-theme-section-first-create
上記のページでセクションに関して学習中です。
ページの中に
「動的セクションにブロックを追加する」
という項目があり、サンプル通りに試して問題なく動くのですが、なぜそのようにコードを書いているのかが理解できない点がありますのでご質問です。
<hr>
<div id="section-cta">
<div class="section-header text-center">
<h3> {{ section.settings.text-box }} </h3>
</div>
{% for block in section.blocks %}
<div class="btn" id="call-to-action">
<a href="{{ block.settings.link }}" class="btn">{{ block.settings.linktext }}</a>
</div>
{% endfor %}
</div>
<hr>
{% schema %}
{
"name": "CTA Blocks",
"max_blocks": 3,
"settings": [
{
"id": "text-box",
"type": "text",
"label": "Heading",
"default": "Title"
}
],
"blocks": [
{
"type": "select",
"name": "Add Button",
"settings": [
{
"id": "link",
"type": "url",
"label": "Button link"
},
{
"id": "linktext",
"type": "text",
"label": "Button text",
"default": "Click here"
}
]
}
],
"presets": [
{
"name": "Call to Action Blocks",
"category": "CTA button",
"blocks": [
{
"type": "select"
},
{
"type": "select"
}
]
}
]
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}
上記のコードの中の下記の部分です。
"presets": [
{
"name": "Call to Action Blocks",
"category": "CTA button",
"blocks": [
{
"type": "select"
},
{
"type": "select"
}
]
}
]
presetsの中に"name","category"が入るのは理解しているのですが、presetsの中にblocksがあるのはなぜでしょうか?
またそのblocksの中の"type":"select"が入っている理由が理解できなくて腑に落ちない状態です。。。
何故でpresetsの中にblocksが必要で"type":"select"が入っているかを教えていただきたく思います。
宜しくお願い致します。
解決済! ベストソリューションを見る。
成功
■presetsの中のblocksに関しまして
記載されているリンク先の以下の文章(ページ中程です)で説明されているかと思いますが、この内容以上にということでしょうか?
その下に、動的セクションのためpresetsのエリアがあり、インデックスページへの追加が可能になっています。presetsにブロックを追加することで、デフォルトでのブロック表示数を定義することができます。上の例では2つのCTAボタンが表示されることになりますが、上限を3に設定していることを思い出してください。つまり、もう1つブロックを追加することが可能になります。
■typeに関しまして
上記赤枠部分のように、作成したblockのtypeがselectで設定されているからかと思います。
全ての場合において勧めるわけではありませんが、今回に関しては試しにtypeをtextなど別の値に書き換えてみることをお勧めします。ターミナルなどでエラーがでて大まかな理由がわかりますので。
成功
■presetsの中のblocksに関しまして
記載されているリンク先の以下の文章(ページ中程です)で説明されているかと思いますが、この内容以上にということでしょうか?
その下に、動的セクションのためpresetsのエリアがあり、インデックスページへの追加が可能になっています。presetsにブロックを追加することで、デフォルトでのブロック表示数を定義することができます。上の例では2つのCTAボタンが表示されることになりますが、上限を3に設定していることを思い出してください。つまり、もう1つブロックを追加することが可能になります。
■typeに関しまして
上記赤枠部分のように、作成したblockのtypeがselectで設定されているからかと思います。
全ての場合において勧めるわけではありませんが、今回に関しては試しにtypeをtextなど別の値に書き換えてみることをお勧めします。ターミナルなどでエラーがでて大まかな理由がわかりますので。
ご回答ありがとうございます。
blockのtypeがselectで設定されているので、presetsのblocksでもtypeがselectなのですね!
理解致しました。
typeを変更してエラーを見て理解度も深めてまいります。
ご回答ありがとうございました!
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024