SSブログ

EC-cube3 商品詳細 フリーエリアの余白 [EC-cube3]

EC-cube3のデフォルトデザインはBootstrap3を使用したレスポンシブになりました。
商品登録の一番下に「フリーエリア」があります。商品写真サムネイルの下がそのエリアです。htmlが使用でき、文章でも画像でも掲載可能なようです。

表示してみると、左側に半端な余白が出来るのが気になります。中央でもなく、なんとも変な位置。
ofset.jpg
ソースを見てみると、 <div class="col-sm-10 col-sm-offset-1">とあり、中に<div class="freearea">があります。col-sm-offset-1と言う部分がbootstrapのカラムを飛ばす指定なので、まるごと削除し、<div class="col-sm-10>とする事で左寄せになりました。

管理画面のコンテンツ管理→ページ管理→商品詳細ページの下の方にありました。
col-sm-offset-1を記載する意味が何処かにあるのかもしれませんが、今の所 良く分かりません。




nice!(0)  コメント(0) 
共通テーマ:パソコン・インターネット

nice! 0

コメント 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。