無料テーマ「Flow」でサイトを構築しております。
PCで見たときに画面右側のベージュの枠の中に各商品説明文を入稿したく思っています。
しかし、通常の商品管理から入稿を行うとページ下部に表示されます。
また「テーマをカスタマイズ」からの商品説明文編集、そして「コードを編集する」から「product.json」ファイルを編集すると全ての説明文が統一されてしまいます。
各商品説明文を画面右側のベージュの枠の中に入稿するには、どうすればよろしいでしょうか。
ご教示いただけると幸いです、
Topic summary
Shopifyの「Flow」テーマで、PC表示の右側ベージュ枠に各商品の説明文を表示したいが、通常の入稿ではページ下部に出てしまうという課題。テーマの「カスタマイズ」や product.json の編集では説明文が全商品で統一されてしまい、商品ごとの個別表示にしたい。
提案：テーマのカスタマイズ画面（オンラインストア > テーマ > Flow > カスタマイズ > 商品 > デフォルトの商品）で、該当ブロックに {{ product.description }} を設定することで、各商品の説明文をその場所に出力できる可能性がある。
技術補足：{{ product.description }} はLiquid（Shopifyのテンプレート言語）の変数で、商品ごとの説明文を呼び出す。product.json は商品のテンプレート構成（セクション/ブロック）を定義するファイルで、固定テキストを入れると全商品で同じ内容になりうる。
その他：有料テーマのため回答者はコードの直接確認は不可。設定例のスクリーンショットが提示されており、参照が重要。
現状：提案のみで、実際に右側ベージュ枠へ表示できたかの確認は未着。スレッドは継続中。
質問者様がおっしゃっているテーマは下記で合っていますでしょうか？
https://themes.shopify.com/themes/flow/styles/queenstown
合っているようでしたら、
有料テーマのため、コードまでは確認できていないのですが、
「カスタマイズ」で下記のようにされることでご希望にかなうのではないかと思います。
オンラインストア > テーマ > Flow > カスタマイズ > 商品 > デフォルトの商品
で、上記画面にアクセスできます。
(一度、編集されているようですので、お分かりかと思いますが、念のため。)
“③この内容にします” の内容は下記です。
{{ product.description }}
以上となります。
もしご不明な点ありましたらこちらのスレッドに返信いただければ、
即答は難しいかもしれませんが、できるだけ回答いたします。
ご参考まで。
(キュー田辺)
1 Like