スマートフォンの会社概要にホームボタンを表示についてその2

Question

画像をダウンロードしてゴールドにアップロードしてあるのですが表示が出来ません
ftpソフトを楽天市場から提供されているソフトより使いやすいFFFTPと言うソフトをつかっています
ディレクトリーAngelSmileにアップロードしています。会社概要説明4番にソースを入れています


.c-spCompanyNavs > li {
width: 20%;
background: #ffffff;
}
.c-spCompanyNav__info.active {
background-image: url(https://www.rakuten.ne.jp/gold/angel-smi/angelsmile/leicon_info_active2x.png);
}
.c-spCompanyNav__info {
background-image: url(https://www.rakuten.ne.jp/gold/angel-smi/angelsmile/icon_info_active2x.png);
background: url(https://www.rakuten.ne.jp/gold/angel-smi/angelsmile/icon_info2x.png) no-repeat;
}
.c-spCompanyNavhome {
width: 36px;
height: 51px;
background-color: #ffffff;
background: url(https://www.rakuten.ne.jp/gold/angel-smi/angelsmile/home2x.png) no-repeat;
background-size: 36px 34px !important;
background-position: center 12px !important;
display: block;
transform: translate3d(0, 0, 0);
}

Answer

ECマスターズの塚本です。

ご登録いただいている画像のURLですが、
/gold/ 以下が、angel-smi　になっておりますので angel-smileに
変更して再度ご確認いただけますでしょうか。

Answer

塚本さん
回答有難う御座います
早速手直しをして見ます

Answer

塚本尾さん
教えて頂いた箇所を修正していますがうまく表示されませんでした
どうすればいいですか？

.c-spCompanyNavs > li {
width: 20%;
background: #ffffff;
}
.c-spCompanyNav__info.active {
background-image: url(https://www.rakuten.ne.jp/gold/angel-smile/angelsmile/leicon_info_active2x.png);
}
.c-spCompanyNav__info {
background-image: url(https://www.rakuten.ne.jp/gold/angel-smile/angelsmile/icon_info_active2x.png);
background: url(https://www.rakuten.ne.jp/gold/angel-smile/angelsmile/icon_info2x.png) no-repeat;
}
.c-spCompanyNavhome {
width: 36px;
height: 51px;
background-color: #ffffff;
background: url(https://www.rakuten.ne.jp/gold/angel-smile/angelsmile/home2x.png) no-repeat;
background-size: 36px 34px !important;
background-position: center 12px !important;
display: block;
transform: translate3d(0, 0, 0);
}

Answer

ECマスターズの田中です。

.c-spCompanyNav__info.active
用の画像URLに誤りがございます。

leicon_info_active2x.png
を
icon_info_active2x.png
に修正の上、表示をご確認願います。

Answer

田中さん
指定された箇所を秀丸で検索して修正していますが未だ正常に表示されません
スマホビューでは正常に表示されないのですか


.c-spCompanyNavs > li {
width: 20%;
background: #ffffff;
}
.c-spCompanyNav__info.active {
background-image: url(https://www.rakuten.ne.jp/gold/angel-smile/angelsmile/icon_info_active2x.png);
}
.c-spCompanyNav__info {
background-image: url(https://www.rakuten.ne.jp/gold/angel-smile/angelsmile/icon_info_active2x.png);
background: url(https://www.rakuten.ne.jp/gold/angel-smile/angelsmile/icon_info2x.png) no-repeat;
}
.c-spCompanyNavhome {
width: 36px;
height: 51px;
background-color: #ffffff;
background: url(https://www.rakuten.ne.jp/gold/angel-smile/angelsmile/home2x.png) no-repeat;
background-size: 36px 34px !important;
background-position: center 12px !important;
display: block;
transform: translate3d(0, 0, 0);
}



追加質問ですが
スマホのお気に入りボタンが黒いボタンになりません
RMSストアーフロンで設定するするとき確認で何も表示されていません
イベント告知君では正常に表示できていますが・・・・

Answer

ECマスターズの田中です。

> 指定された箇所を秀丸で検索して修正していますが未だ正常に表示されません

私の環境ですと、下記URLのとおり、
問題なく表示されておりました。
https://ec-masters.gyazo.com/9f0c6fab7fad7fd98a473f826e6c3b7e

過去に読み込んだ内容（キャッシュ）が表示されている
可能性がございますので、

・スーパーリロードを行う
https://liginc.co.jp/web/tool/browser/47339
・ブラウザの設定画面から、キャッシュを削除する
・普段ご利用されているブラウザ以外のブラウザ・PC・スマートフォン実機で表示

など、お試しいただきますようお願いします。

> スマホのお気に入りボタンが黒いボタンになりません
> RMSストアーフロンで設定するするとき確認で何も表示されていません

https://club.ec-masters.net/index.php?design_page14
上記「1：商品説明の上にお気に入りボタンを設置する」を
行われようとした、ということですね。

外部JSファイル・外部CSSファイル、それぞれのURLに
ファイルではなく、トップページのURLが記載されておりましたため
各ファイルの読み込みに失敗しておりました。

下記タグをそのまま、スマートフォン用の共通説明文にご記載いただき、
表示をご確認いただきますようお願いします。
（プレビューではなく、実際のページを、スマホビューもしくはスマートフォンにてご確認願います）

!function($){"use strict";var t=function(){var i='★お気に入りに登録する#btn_favorit{width:100%;box-sizing:border-box;margin:12px 0;text-align:center}#btn_favorit a{display:block;text-align:center;text-decoration:none;background:#000;color:#fff;letter-spacing:1.2px;font-size:14px;padding:16px 0;border-radius:3px}';$("#itemName").append(i)};t()}(jQuery);