PCページの左側にある内容をTTPしたいです。

Question

https://item.rakuten.co.jp/e-zakkamania/32420-1600140/

こちらのPCページの左側にある「ストアロゴ」、「サーチ窓」、「カテゴリ欄のピンクの洋服画像」「メルアド登録」はどのようにTTP出来るかご教示頂けますでしょうか。

添付画像の赤枠の箇所になります。###HR######IMG01d13a5751f7fa816f93894fa94c0a76b.jpegIMG0### ###IMG1059ce468bad78f959c15defb4acb38a1.jpegIMG1###

Accepted Answer

ECマスターズの伊藤です。

>こちらのPCページの左側にある「ストアロゴ」、「サーチ窓」、「カテゴリ欄のピンクの洋服画像」「メルアド登録」はどのようにTTP出来るかご教示頂けますでしょうか。

「ストアロゴ」
「サーチ窓」
「カテゴリ欄のピンクの洋服画像」
それぞれHTMLコードで実装可能となります。

「メルアド登録」
上記に関して
楽天GOLD上に作成いただき、
ヘッダー・フッター・レフトナビの
レフトナビで、iframeタグで呼び出して
いただく必要があります。


「ストアロゴ」





※※変更箇所※※
ストアロゴ画像.jpg
※※※※※※※※※※※


「サーチ窓」


SEARCH















.menu-block {
margin: 0 0 24px;
box-sizing: border-box;
clear: both;
}
.navi-menu-title {
font-size: 14px;
box-sizing: border-box;
padding: 0 0 4px 4px;
margin: 0 0 16px;
letter-spacing: 0.8px;
border-bottom: 1px #111111 solid;
}
.navi-wrapper.left-navi .search-box {
margin: 8px auto 0;
width: calc(100% - 24px);
height: 32px;
position: relative;
}


※※変更箇所※※
ショップID 例) 200612
店舗URL 例) e-zakkamania
店舗名 例) イーザッカマニア
虫眼鏡画像.PNG
※※※※※※※※※※※


「カテゴリ欄のピンクの洋服画像」


CATEGORY




トップス





.menu-block {
margin: 0 0 24px;
box-sizing: border-box;
clear: both;
}

.navi-menu-title.list-title {
margin: 0;
}

.navi-menu {
width: 100%;
line-height: 2;
margin-left: 0;
box-sizing: border-box;
}

.top-cate {
font-weight: bold;
}

.top-cate img {
vertical-align: middle;
border-radius: 50%;
}


※※変更箇所※※
ピンクの洋服画像.jpg
※※※※※※※※※※※


「メルアド登録」


メルマガ会員募集！





メールアドレス

メールアドレス(確認用)










.navi-wrapper.left-navi .menu-block {
margin: 0 0 24px;
box-sizing: border-box;
clear: both;
}

.navi-menu-title {
font-size: 14px;
box-sizing: border-box;
padding: 0 0 4px 4px;
margin: 0 0 16px;
letter-spacing: 0.8px;
border-bottom: 1px #111111 solid;
}

.magazine2 {
box-sizing: border-box;
padding: 0 16px;
text-align: center;
width: 100%;
margin: 8px auto 0;
}

.mail_reg {
margin: 8px 0 4px 0;
}

.textArea {
box-sizing: border-box;
color: #111111;
width: 100%;
height: 32px;
border: 1px #c6c6c6 solid;
padding-left: 4px;
padding-top: 1px;
position: relative;
}


※※変更箇所※※
ショップID 例) 200612
店舗URL  例) e-zakkamania ※2箇所あります
メルマガ会員募集中バナー.jpg
※※※※※※※※※※※


ご不明な点ございましたら
お気軽にご連絡くださいませ。