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

質問一覧商品のセンター揃え レスポンシブ
Tonarinotororotonarinotororo asked 11か月 ago

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

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

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

BaseadminBaseDesignInfo Staff replied 11か月 ago

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

Tonarinotororotonarinotororo replied 11か月 ago

初期のSimpleかYummyです

1 Answers
BaseadminBaseDesignInfo Staff answered 11か月 ago

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

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

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

Tonarinotororotonarinotororo replied 11か月 ago

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

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

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

BaseadminBaseDesignInfo Staff replied 11か月 ago

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

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

BaseadminBaseDesignInfo Staff replied 11か月 ago

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

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

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