商品のセンター揃え レスポンシブ
商品が1商品に特化したbaseショップを開設します。
レスポンシブ対応した際にTOPページに表示される商品の画像をセンター表示にしたいです。
htmlのどの部分をどう編集すればよいでしょうか?
PCはテーマによってセンター表示されますが、モバイル表示に切り替えるとデフォルトで2商品ずつ並ぶ仕様になっているので、1商品しかないと左側に商品がよってしまいます。
アドバイス頂けますと幸いです
テーマはどちらをご利用でしょうか?
初期のSimpleかYummyです
商品が1商品に特化したbaseショップを開設します。
レスポンシブ対応した際にTOPページに表示される商品の画像をセンター表示にしたいです。
htmlのどの部分をどう編集すればよいでしょうか?
PCはテーマによってセンター表示されますが、モバイル表示に切り替えるとデフォルトで2商品ずつ並ぶ仕様になっているので、1商品しかないと左側に商品がよってしまいます。
アドバイス頂けますと幸いです
テーマはどちらをご利用でしょうか?
初期のSimpleかYummyです
BASE純正テーマのSimpleかYummyということですね。
ところで、「レスポンシブ対応した際に」とあったので、テーマのレスポンシブ対応についてのことだと解釈したのですが
PCはテーマによってセンター表示されますが、モバイル表示に切り替えると
ということは「スマートフォン用のデフォルトテーマを使用する」をONにしたときのレイアウトのお話でしょうか?
ご返信ありがとうございます
""「スマートフォン用のデフォルトテーマを使用する」をONにしたときのレイアウトのお話でしょうか?""
はい、「スマートフォン用のデフォルトテーマを使用する」をONにしたときのレイアウトで1商品をモバイル画面のセンターに表示するレイアウトしたいです
詳しくありがとうございます。
「スマートフォン用のデフォルトテーマ」というのは、BASE全体で統一されたフォーマットになります。これは利用者側で変更できるものではありませんので、「スマートフォン用のデフォルトテーマ」でレイアウトを変えることは不可能となります。
「スマートフォン用のデフォルトテーマを使用する」をOFFにした状態というのは、選んでいるテーマの表示を使うという意味になりますので、そのテーマがレスポンシブ対応していればそのテーマでデザインされたスマホ表示になります。
テーマごとのスマホ表示のデザインを調べ、お好みのものを選んで頂くのが良いかもしれません。
1商品だけということであれば、こちらのテーマなどは良いのではないでしょうか。
https://design.thebase.in/detail/34
もし私たちが開発しているテーマ「UNIVERSE / LANDSCAPE / MASTERPIECE
/ HANDMADE / FRAGRANT」をご利用いただく機会があれば、またいつでもこちらにご質問ください。
ありがとうございました。
このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!
BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。
※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。