スマホ_お気に入りボタンを上部に設置する方法

Question

昨日は大阪勉強会でお世話になりました。ECマスターズクラブの集まりではいつも細やかなアドバイスをいただけて、すぐに修正を実行できるので大変助かっております。

さて、本日たまたま発見したのですが、楽天スマホ商品ページの第一画像の直下にお気に入りボタンを設置しているページがありました。こういう方法あるのですか？###HR######IMG0c19ab18599d146be8e11b9f783a0ab6f.pngIMG0###

Accepted Answer

ECマスターズの伊藤です。

> 昨日は大阪勉強会でお世話になりました。ECマスターズクラブの集まりではいつも細やかなアドバイスをいただけて、すぐに修正を実行できるので大変助かっております。

大阪勉強会ご参加ありがとうございました。
アドバイスがお役に立っているようで、事務局としても大変うれしいです。


> さて、本日たまたま発見したのですが、楽天スマホ商品ページの第一画像の直下にお気に入りボタンを設置しているページがありました。こういう方法あるのですか？

RMSの標準機能ではございませんので
CSSやJava Scriptを使用して、
適用していただくようになります。

方法についてですが、デザインレシピに

スマートフォンでお気に入りボタンを追加する
1：商品説明の上にお気に入りボタンを設置する
https://club.ec-masters.net/index.php?design_page14

がございます。

このまま適用いただきますと、商品説明文の上に表示されるため、
第一画像の直下に設置していただくには
Java Scriptを下記に変更をお願いいたします。

=== Java Scriptを下記に変更 ＝＝＝＝
!function(b){var a=function(){var c='★お気に入りに登録する';b("#itemImageSlider").after(c)};a()}(jQuery);

Answer

伊藤様

この度はお世話になります。

すぐにお返事いただいておりましたのに作業するまでに時間がかかりご報告が遅れてしまいましたが、無事に設置ができました！ありがとうございました！！