商品詳細ページのレイアウトについて

日本語 ディスカッション 総合的なディスカッション

AI-generated summary

Shopifyの無料テーマ「Debut」で、商品詳細ページの説明文や画像をCSV経由のHTMLで追加すると、右カラムだけが長くなり、左の画像スライド下に大きな余白が出るレイアウト上の悩みが共有された。求めているのは、上部の画像・購入エリアの下から、商品情報を中央寄せや全幅に切り替える構成。

回答では、実現方法は商品数や運用方針によって異なるとされ、大量登録ならテーマ側のテンプレート変更が現実的、小規模運用ならPageFlyなどのノーコード系ページ作成アプリも候補とされた。CSV登録自体は可能だが、表示位置や構成はテンプレート設計に依存するという整理。

その後、投稿者は「既存テンプレートを使うか、変更したいならLiquidで改修する理解でよいか」を確認し、概ねその認識でよいとの回答があった。最終的には、Liquid改修よりも目的に近い有料テーマを選ぶ方が早い可能性が示され、投稿者も有料テーマの検討に進む意向を示した。

結論として、管理画面だけで簡単に切り替える方法は示されず、主な選択肢はテーマ変更・Liquid改修・ページ作成アプリの利用のままで、議論は実質的な方向性提示で終了している。

1

基本中の基本の話かもしれないのですが、、、
調べても自分の納得のいくヒント・答えが見つけられなかったので、こちらに投稿させていただきます。
商品詳細ページについての質問です。

テーマはデフォルトの「Debut」を使用。
現在CSVデータにて各項目を入力＆インポートして商品登録をしています。
htmlを入れる項目がありますので、そちらに商品情報や画像をhtmlで記述しています。
商品詳細ページは
左側にスライド（商品画像とサムネイル）、右側がオプション→カート→商品説明というページ構成になっていると思うのですが
説明や画像が多いのでコンテンツが右側ばかり増えてしまい、左のスライドの下の余白がずーっと続いてしまっています。

shopifyを利用されている企業様の商品詳細ページを見ると、右側だけじゃなく
ページ上部の左のスライドと右のカートが終わり、その下から中央寄せで商品情報や画像が始まっているページがあったりします。

そういうページ構成にしたい場合はどうすればいいのか、というのが今回の質問です。
1.テーマを別のものにすると商品詳細ページのレイアウト（ひな型）も変わるのか
2.操作ボードの中でレイアウトを選択・または変更できるところがあるのか
3.CSVじゃなく1商品ずつページ作っていけばできることなのか
4.テーマの編集→productでliquid言語で書き換える（初心者なのでできれば避けたい）

1～4全て当てはまることなのか、どれかの項目だけ当てはまることなのか、分かる方お教えいただきますようお願いいたします。

2

商品構成や、商品の売り方、商品数などによって変わってしまうので、一概にこう、とは言えないのですが、例えば決まったテンプレートに沿って大量の商品を登録されて販売する場合などは、テーマを変更するなど大元の部分を変更すれば、CSVで登録ができると思います。

売り方や商品によっては、非常に商品数が少ない場合もあり、極端だと商品1つだったりします。商品が少ない場合は、1ページに割ける労力が増えるため、1ページを非常に丹念に時間をかけて作り込んでいきます。この場合はアプリであればPageFlyなどたくさんのアプリがあります。ほぼノンコードで作れると思います。

https://apps.shopify.com/search?q=Page

3

kashimaryuuichi 様

ご回答くださいまして、ありがとうございます！
現在配布されているテーマの商品詳細ページのテンプレートをそのまま使うか
それを変えたい場合はliquid言語で改変していく、という認識でよろしいでしょうか？
意に沿うテンプレートを作り上げたのち
htmlをcsvで上げれば、該当する場所にhtmlが入るということですよね？

4

おっしゃる通りですが、それっぽいテンプレートを購入されて、テンプレートに沿ったデザインで作られた方が速いんじゃないかなと思います。

5

ありがとうございます！
おっしゃる通り、実際、いじらないままではいきたいところなのですが
無料のテーマのテンプレートはhtmlが右半分のものばかりなので、有料のものも見て検討します！