配置がずれてうまく表示できまないというのがどうい状態なのかわかりませんが、TOPページに関しましてはサイドバーをつけるようなHTML構造には出力できないと思いますので、構造での対応は難しいと思われます。
古いブラウザを切り捨てて良い場合は、CSSのグリッドレイアウトを用いれば対応可能かもしれません。
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
「グリッドレイアウト」で検索いただければ色々情報が出てきますので、調査されることをお勧めします。
ただしセクションの順序と数の変更で壊れると思われるため柔軟性はなくなると思います。
増減するたびにCSSを手作業で書き直すのがシンプルですが、構造によってはJSを使って表示のたびに書き換えることも検討できるかもしれません(未検証です)。
以上ですが推測で書いていますので間違いがありましたら申し訳ありません。
グリッドレイアウトは指定が複雑なのと、より良い方法を検討する必要もありますので、以下3点をお勧めします。
- Sopifyのサポートに相談する(※1)
- エキスパートに依頼する
- 何らかの方法でご希望の状態を実現できているテーマが既にあるかもしれないため、テーマを探す
(※1)Shopify製のテーマであれば60分のサポートを受けられるようですので、活用が検討できると思います。
https://help.shopify.com/ja/manual/online-store/themes/theme-support#part-5ad7f21e8d34326a
Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
