会社概要のホームへ戻る【ホームボタン】設定・設置について

Question

いつもお世話になっております。

早速ですが、ホームボタンを設定したのですが、スマホビューで確認致しましたところ設置されていないのですが、何かが間違っているとは思うのですが何が違うのか分かりません・・

ご確認頂き、教えて頂けます様、よろしくお願い致します。

【会社概要】説明文4に　（以下のタグを追記）


.c-spCompanyNavs > li {
width: 20%;
background: #ffffff;
}
.c-spCompanyNav__info.active {
background-image: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/icon_info_active2x.png);
}
.c-spCompanyNav__info {
background-image: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/icon_info_active2x.png);
background: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/icon_info2x.png) no-repeat;
}
.c-spCompanyNavhome {
width: 36px;
height: 51px;
background-color: #ffffff;
background: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/home2x.png) no-repeat;
background-size: 36px 34px !important;
background-position: center 12px !important;
display: block;
transform: translate3d(0, 0, 0);
}

Accepted Answer

こんちは(^^♪

あてはまるか？わかりませんがRibrary使用されてますでしょうか？
フォルダを、ひとつ作成し、その中に「会社概要のホームへ戻る」画像3個を収納して
試してみてください。
すると、フォルダ表示になるとおもいます。
そのurlをコピペすると解決するかもしれないです。

https://www.rakuten.ne.jp/gold/hanasakajiisan/icon_info_active2x.png

↓

https://www.rakuten.ne.jp/gold/hanasakajiisan/xxxxx/icon_info_active2x.png


xxxxx部分が、フォルダ名になります。
フォルダ名は、スラッシュとスラッシュに挟まれる表示です

Answer

ECマスターズの小野です。

いただいたご質問ですが、
明日、担当より回答させていただきますので、
少々お待ちくださいませ。

Answer

小野様

お休みの時にわざわざありがとうございます。

待ちます。

解決できる場所があるだけで感謝です。

Answer

なんつれ様


ご丁寧なアドバイスありがとうございます。

＞Ribrary使用されてますでしょうか？

使用しております。

で、教えて頂いた様に試してみたところ、画像は会社概要？のマークが二つ並び、左側をクリックするとホームへ戻る事はできました。

教えて頂く前はホームへ戻ることもできず、画像も会社概要の画像が1個だけ表示されていたのですが・・

フォルダ内の画像設定に問題アリだとは思っているのですが・・・。

折角、ご丁寧に教えて頂いたのに・・結果を出せず、申し訳ないです。

以下のタグを挿入しました。


.c-spCompanyNavs > li {
width: 20%;
background: #ffffff;
}
.c-spCompanyNav__info.active {
background-image: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info_active2x.png);
}
.c-spCompanyNav__info {
background-image: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info_active2x.png);
background: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info_active2x.png) no-repeat;
}
.c-spCompanyNavhome {
width: 36px;
height: 51px;
background-color: #ffffff;
background: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info_active2x.png) no-repeat;
background-size: 36px 34px !important;
background-position: center 12px !important;
display: block;
transform: translate3d(0, 0, 0);
}

Answer

ECマスターズの伊藤です。

なんつれさん

的確なアドバイスありがとうございます。
フォルダを作成していただく方法は、考えが至りませんでしたので
勉強させていただきました。


はな5588さん

修正していただいた画像のURL4箇所ですが
上から、下記の通りに修正して、再度ご登録いただけますでしょうか。

https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info_active2x.png
https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info_active2x.png
https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info2x.png
https://www.rakuten.ne.jp/gold/hanasakajiisan/home/home2x.png

Answer

伊藤様
ご回答頂きありがとうございます。

修正しましたが、やはり・・表示されていない様です。

以下の通りで貼り付け致しました。

何度もお手酢をお掛け致し申し訳ありません・・。



.c-spCompanyNavs > li {
width: 20%;
background: #ffffff;
}
.c-spCompanyNav__info.active {
background-image: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info_active2x.png);
}
.c-spCompanyNav__info {
background-image: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info_active2x.png);
background: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info2x.png) no-repeat;
}
.c-spCompanyNavhome {
width: 36px;
height: 51px;
background-color: #ffffff;
background: url(https://www.rakuten.ne.jp/gold/hanasakajiisan/home/home2x.png) no-repeat;
background-size: 36px 34px !important;
background-position: center 12px !important;
display: block;
transform: translate3d(0, 0, 0);
}

###HR######IMG06d0b6470d3b126c6edab167ad0e29f30.jpegIMG0######BR###

Answer

ECマスターズの伊藤です。

> 修正しましたが、やはり・・表示されていない様です。
> 
> 以下の通りで貼り付け致しました。

失礼いたしました、画像がアップロードされてないことを
見落としていました。

現在、homeフォルダに
icon_info_active2x.png
（会社概要の赤）
をアップロード頂いていると思いますが
同様に、

icon_info2x.png
（会社概要のグレー）

home2x.png
（ホーム）

の２点もアップロードをお願いいたします。

正常にアップロードされますと

https://www.rakuten.ne.jp/gold/hanasakajiisan/home/icon_info2x.png
https://www.rakuten.ne.jp/gold/hanasakajiisan/home/home2x.png

にて、画像が表示されます。

画像が表示されましたら、会社概要のページをご確認くださいませ。