質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.42%
Shopify

Shopifyとは、ECサイト向けのプラットフォームを提供している企業。さらに、その企業が提供するオンラインストアやPOSシステムを指します。高いデザイン性とカスタマイズ性が評価され、世界各国のネットショップで使用されています。

Q&A

解決済

1回答

2049閲覧

shopifyテーマのコードカスタマイズの編集ができません .jsonって何?

makiron26

総合スコア13

Shopify

Shopifyとは、ECサイト向けのプラットフォームを提供している企業。さらに、その企業が提供するオンラインストアやPOSシステムを指します。高いデザイン性とカスタマイズ性が評価され、世界各国のネットショップで使用されています。

0グッド

0クリップ

投稿2022/03/24 10:04

shopifyでどこまでカスタマイズ(フロントデザイン)できるのか試しています。

色々触ってみたり、調べてみたりして、自分でテーマをゼロから作るのは非効率だと感じたので、既存のテーマをカスタマイズしてデザインをつけていきたいと考えています。

今回使用しているテーマは「dawn」です。
template階層にあるファイルが各ページのファイルです。
HTML、CSS、JS、liquidで構成されているはずがなぜか拡張子が.jsonになってしまっていて思うように編集できません。html、liquidの記述をすると
・An error prevented index.json from being saved.
・Error: Invalid JSON: unexpected token
と表示されてしまいます。

なぜ拡張子が.jsonなのか。
変更する方法はないのか。
どのような記述をしたらいいのか。
調べてはみたのですが求めている記事が見つからずここで質問させていただいてます。
どなたかわかる方、ご教授いただけると嬉しいです。
イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

なぜ拡張子が.jsonなのか。
変更する方法はないのか。
どのような記述をしたらいいのか。

Shopifyテーマを開発する には、

新しいテーマを構築するには、ゼロから構築するか、参照テーマであるDawnをたたき台にして構築することができます。テーマの構築には、HTML、CSS、JavaScript、JSONと共に、Shopifyのテーマテンプレート言語であるLiquidを使用します。

JSON も使うとありますよ。
また、上記文脈の「参照テーマであるDawn」のリンク先( dawn )を読むと

It uses Online Store 2.0 features, including JSON templates, which support app blocks and sections on all pages.

とありますので、Online Store 2.0 リンク先を読むと

Many Online Store 2.0 features rely on JSON templates. You can migrate a theme's templates to add support for these features by converting a Liquid template into a JSON template, and moving any required Liquid code or HTML into sections that you can include in the new JSON template.

とありますので、 Shopify で、Online Store 2.0 を使用するために、新しい JSON templates は必須なのだと思われます。

ということで、

shopifyでどこまでカスタマイズ(フロントデザイン)できるのか試しています。

であれば、現時点では日本語の情報が少ないようですので、公式ドキュメントを読みつつ学習する必要があると考えます。

投稿2022/03/24 10:34

CHERRY

総合スコア25201

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

makiron26

2022/03/25 06:15

JSONファイルはやはり必要なのですね>< カスタマイズするのは慣れるまでに結構時間が掛かりそうです、 貴重な情報ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.42%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問