CSSを変更することで、登録した画像のサイズでの表示が可能です。
ショップデザイン / テンプレート選択・編集 / クリエイターモード / トップ
「CSS」
欄内に一度カーソルを置いた状態でキーボードのCtrlとFキーを同時に押し、表示される検索窓に
.bx-wrapper li img
と入力(コピー&ペースト)し、キーボードのEnterキーを押して以下の記述を見つけてください。
bx-wrapper li img {
height: 350px;
object-fit: cover;
padding: 0 20px;
}
を変更して画像のサイズを調整してください。
<変更例>
.bx-wrapper li img {
width: 100%;
height: auto;
padding: 0 20px;
}
スライドショーに登録する画像は サイズを揃えて用意してください。
スマホ用のCSSは、同じCSS欄の後方(70行目よりも後ろ)に記述されています。
.bx-wrapper li img {
height: 200px;
padding: 0;
}
この記述を変更し、保存してください。
<変更例>
.bx-wrapper li img {
height: auto;
padding: 0;
object-fit: contain;
}


