スマホ商品ページの店舗名部分をカスタマイズしたい。

Question

いつも大変お世話になっております。

スマホの商品ページの店舗名部分を変更するにはどうしたら良いでしょうか？
下記の店舗さんのようにしたいです。
https://item.rakuten.co.jp/frantz/pudding-02-04/

ご教授よろしくお願いします。

Accepted Answer

ECマスターズの田辺です。

共通パーツ設定にこちらの記述をご記入いただくことで
店舗名をオリジナルの画像に変更することが可能です。

＝この下から＝＝＝＝＝＝＝

.shopname-info .itemtitle{
    background: url(画像URL) 0 0 no-repeat;
    background-size: contain;
}
.itemtitle > h1{
    visibility: hidden;
}

＝この上まで＝＝＝＝＝＝＝
※画像URLは実際のURLに書き換えてご利用ください。

ご用意いただいた画像サイズによっては
バランスが崩れてしまいますので、
その場合は
.shopname-info .itemtitle
の中に
padding-top: 15%;
を加えてお試しくださいませ。

※15％の値につきましてはご自身で調節をお願いいたします。

Answer

田辺様

ありがとうございます。やってみます。

スマホ 商品ページの店舗名部分をカスタマイズしたい。

スマホ商品ページの店舗名部分をカスタマイズしたい。