【クリエイターモード】テンプレートWabisabiの、カテゴリーページに表示されている画像を変えるにはどうしたらよいですか。 – makeshop よくある質問

ショップデザイン / デザイン設定 / カテゴリー別イメージの登録
に、カテゴリ―ごとの画像を登録してください。

登録がない場合の画像を変更・または削除する場合は

ショップデザイン / テンプレート選択・編集 / 商品カテゴリー「HTML」

初期値では25行目付近の

<{else}>
        <img src="/view/images/template/6/wabisabi_cat.jpg" alt="<{$category.name}>">
 

こちらの画像の指定を変更またはこの2行を削除してください。

画像を削除した際に、カテゴリ―名が後方の商品リストに重なってしまう場合は
以下も対応してください。

(1)ショップデザイン / デザイン設定 /全ページ共通「CSS」

内に記述されている

.category-title {
        color: #fff;
        font-size: 32px;
        font-weight: 400;
        text-shadow: 0px 0px 3px #f7f7f7;
        max-width: 1200px;
        margin: 0 auto;
        padding-left: 8px;
}

から、

color: #fff;

を削除してください。

(2)同じく　全ページ共通「CSS」内の

.category-title-wrap {
        width: 100%;
        position: absolute;
        top: 170px;
        z-index: 2;
}

を

.category-title-wrap {
        margin-top: 170px;
}

に変更してください。

(3)同じく　全ページ共通　「CSS」内の

.category-image::before {
        content: "";
        background-color: #0000006b;
        position: absolute;
        width: 100%;
        height: 300px;
        top: 0;
        left: 0;
        z-index: 1;
}

をすべて削除してください。

以上で、画像に代わってカテゴリ―名が表示されます。

関連記事