商品のセンター揃え レスポンシブ

質問一覧商品のセンター揃え レスポンシブ
tonarinotororotonarinotororo asked 4年 前

商品が1商品に特化したbaseショップを開設します。

レスポンシブ対応した際にTOPページに表示される商品の画像をセンター表示にしたいです。
htmlのどの部分をどう編集すればよいでしょうか?

PCはテーマによってセンター表示されますが、モバイル表示に切り替えるとデフォルトで2商品ずつ並ぶ仕様になっているので、1商品しかないと左側に商品がよってしまいます。
アドバイス頂けますと幸いです

baseadminBaseDesignInfo Staff replied 4年 前

テーマはどちらをご利用でしょうか?

tonarinotororotonarinotororo replied 4年 前

初期のSimpleかYummyです

1 Answers
baseadminBaseDesignInfo Staff answered 4年 前

BASE純正テーマのSimpleかYummyということですね。
ところで、「レスポンシブ対応した際に」とあったので、テーマのレスポンシブ対応についてのことだと解釈したのですが

PCはテーマによってセンター表示されますが、モバイル表示に切り替えると

ということは「スマートフォン用のデフォルトテーマを使用する」をONにしたときのレイアウトのお話でしょうか?

tonarinotororotonarinotororo replied 4年 前

ご返信ありがとうございます

“”「スマートフォン用のデフォルトテーマを使用する」をONにしたときのレイアウトのお話でしょうか?””

はい、「スマートフォン用のデフォルトテーマを使用する」をONにしたときのレイアウトで1商品をモバイル画面のセンターに表示するレイアウトしたいです

baseadminBaseDesignInfo Staff replied 4年 前

詳しくありがとうございます。
「スマートフォン用のデフォルトテーマ」というのは、BASE全体で統一されたフォーマットになります。これは利用者側で変更できるものではありませんので、「スマートフォン用のデフォルトテーマ」でレイアウトを変えることは不可能となります。

「スマートフォン用のデフォルトテーマを使用する」をOFFにした状態というのは、選んでいるテーマの表示を使うという意味になりますので、そのテーマがレスポンシブ対応していればそのテーマでデザインされたスマホ表示になります。
テーマごとのスマホ表示のデザインを調べ、お好みのものを選んで頂くのが良いかもしれません。

baseadminBaseDesignInfo Staff replied 4年 前

1商品だけということであれば、こちらのテーマなどは良いのではないでしょうか。
https://design.thebase.in/detail/34

もし私たちが開発しているテーマ「UNIVERSE / LANDSCAPE / MASTERPIECE
/ HANDMADE / FRAGRANT」をご利用いただく機会があれば、またいつでもこちらにご質問ください。

ありがとうございました。