スマートフォンでお気に入りボタンを追加する

Question

お世話になります

スマートフォンでお気に入りボタンを追加するレシピ有難うございます

商品説明の上にお気に入りボタンを設置するをやってみたのですが
表示されません　←ソース等はいれたままにしております

別途固定バナーにお気に入りボタンを追加するをやってみたのですが
アイコンがこの商品を買った人の下側左にでてしまっております

CSSにいろいろ入れているので、どれかに干渉しているのでしょうか


今までは他の.jsを使って表示していたのですが
下記.jsは表記できるので、コレを変更できれば表示できるのかなと思っております


.js部分
! function() {
  "use strict";
  var t = function() {
    var t = jQuery("meta[property='apprakuten:item_id']").attr("content"),
        i = '';
    i += 'お気に入りに登録する', jQuery("#itemName").append(i)
  };
  t()
}(jQuery);

css部分
#btn_favorit a{
    display: block;
    text-align: center;
    text-decoration: none;
    background:#000; /* 背景色 */
    color: #fff; /* 文字色 */
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 16px 0;
    border-radius: 3px;
    margin-bottom: 1em;
}

共通部分


別途 UTF-8 では文字化けはないのですが、Shift_JISだと文字化けもしているようですが
これはどういったことなのでしょうか

サイトはこちらとなりますので
何卒宜しくお願い致します
https://item.rakuten.co.jp/moat-garage/mg-060-sht/

Answer

ECマスターズの伊藤です。

デザインレシピ修正の件について確認したところ、
jsの内容に、エラーの原因となる記述があることがわかりました。
ご不便をおかけして、誠に申し訳ありませんでした。

お手数をおかけしますが、再度、
デザインレシピよりjsファイルの内容をコピー・上書きしていただき、
改めて表示をご確認いただきますようお願いいたします。

Answer

伊藤様

ご回答誠にありがとうございます

再度デザインレシピにて修正したところ無事表示をすることができました
ありがとうございます

投稿前には二時間ほど何がだめだといじってました（うなってました）が
本日中にご連絡いただけ大変助かりました

今後も良いレシピが出てくることを楽しみ、期待をしております
よろしくお願いいたします