テンプレート【Wabisabi】のお知らせ一覧ページでは、背景画像をURLで指定しております(画像赤枠内)
ショップデザイン / テンプレート選択・編集 / クリエイターモード / お知らせ一覧
「HTML」欄 に一度カーソルを置いた状態で、キーボードのCtrlとFキーを同時に押し、表示される検索窓に
wabisabi_newslist.jpg
と入力(コピー&ペースト)し、キーボードのEnterキーを押して以下の記述を見つけてください。
<img src="/view/images/template/6/wabisabi_newslist.jpg">画像の変更を行いたい場合は、赤文字で表示されている画像URLをご変更ください。
表示させたい画像はあらかじめファイルサーバーにアップロードしてご用意ください。
■makeshopサポート記事
画像やCSSファイルをアップロードしたい
画像が不要な場合は上記のimgタグを削除してください。
ご参考)
【Wabisabi】テンプレート初期値のCSSでは大きなサイズの画像(ヨコ6898px、タテ4288px)をトリミングして表示しているため、
差し替えた画像のサイズをトリミングせずに表示したい場合は、
ショップデザイン / テンプレート選択・編集 / クリエイターモード / お知らせ一覧
「CSS」欄 に下記を追記してください。
.category-image img {
height: 222px;
width: auto;
object-fit: contain;
}幅の指定や数値はショップ様のお好みで変更して下さい。
また、画像にかかっているシャドウを消したい場合は下記もあわせて追記してください。
.category-image::before {
display: none;
}

