転換率UPHTMLテンプレートお気に入りに追加するこんにちは。お願いだから海産料理屋に水槽を置くのをやめて欲しいオガリア中村です。アレですよ、席から魚と目が合わない位置に置いて欲しいです。楽天ショップに限らずなんですが。商品画像を見て欲しいカラーがあっても、いざお買い物かごに入れるときに「どのカラーを選べばいいのか」分からず、商品画像を見返さないといけない事ありませんか?3色程度ならいいけど、これが5色以上になるとちょっとややこしかったり。登録した場合、初期デザインではこのような状態になります。これだと、どの選択肢がどの商品に該当するのかここでは確認とれませんよね・・・・。そこでこんな感じに選択肢と一緒に画像を出します。background-image:url("画像URL");}--></style>ラジオボタンと一緒に画像を入れるCSS※こちらはogaRiaフルバージョンプランご契約者様限定の公開となります。手元に画像を用意するまずは表内に表示する画像を用意します。・サイズはいくつでもOK!(後ほどCSS側で一括調整できます)・できれば、カラーや模様が分かり易いアップ画像がおすすめ・正方形がおすすめ用意した画像は、R-Cabinetか楽天GOLDにアップロードしておきます。CSSを用意する先ほどのCSSをコピーして、メモ帳などに貼り付けましょう。次の箇所を書き換えます。画像URL先ほど登録した画像のURLに書き換えます。画像のサイズ表示させたい画像のサイズに書き換えます。画像の元サイズから自動で縮小表示されます。CSSを「PC用商品説明文」に貼り付ける作成したCSSを、画像を表示させたい商品の「PC用商品説明文」に貼り付けます(※PC用販売説明文を使っても構いません)。これで完成ー!各商品1つ1つによって、CSSを作りなおして貼り替える必要があるので注意です!「ヘッダー」とかに貼ってしまうと、全商品の項目選択肢に同じ画像が出ちゃいます。それと、カテゴリページを利用して、1ページに複数「買い物かごに入れる」ボタンを出している商品も注意です。1部商品の「PC用商品説明文」にCSSを貼り付けると、同ページの他商品にも画像が適用されてしまいます。画像はあった方が良いの?「ここまで労力かけてまで画像を出すメリットはあるの?」というところ。私としては、「商品によってはメリットがある」と思っています。画像を出すのは「お客様が商品を選択しやすくして、お買い物の負担や誤りを減らすこと」が目的です。そのため、カラーバリエーション、模様などの選択肢が多い商品オレンジと赤、など判別が難しいカラーがある商品など、欲しい商品の選択がややこしいものについては充分メリットがあると思います。私はよく「ネイル」をネットで買いますが、欲しいカラーは何番の色を選べばいいのかややこしくて、、間違えずに買うのに結構気を遣います。選択肢と一緒に画像が表示されてると、心地よく買い物できることは間違いないですね。元楽天ショップ店長やってました。歩くときに他人との距離感が掴めないところがあり、よくオジサンのかかとを踏んでしまいます。したら、同内容のコメントが何通か行ってるかもしれません。※マグネットアクセサリーで40程から選んで頂く商品になります。この数だとフルバージョンの方法でないと無理でしょうか。今日会員登録しました。cssだと縦に40品目までは可能になりますでしょうかコメントでそれと、カテゴリページを利用して、1ページに複数「買い物かごに入れる」ボタンを出している商品も注意です。ありますが、複数「買い物カゴに入れる」の表示は可能なんでしょうかA商材とB商材とを合わせて購入してほしい場合、A商品ページにB商品へのクリックしてもらい買い物カゴに入れてもらう方法しかないと思ってましたので。楽天サポートにも聞きましたが、その方法しかないんです。言われて探してみましたがわからなかったので。AM長山様いつもお世話になります、オーガランドの中村です。最大20個までのご登録となります。(40個選択肢がある場合は、商品データを分ける必要があるかと存じます。)フルバージョン限定の方法以外の方法でも、20個までであれば画像を表示させる事は可能にございます。複数「買い物カゴに入れる」の表示は可能なんでしょうかRMS内のカテゴリページ設定にて可能なはずです!「1ページ複数商品形式ページ」という設定だったかと存じます。楽天さんへご確認くださいませ^^どうぞ宜しくお願い致します。PM「【楽天/RMSにコピペで完了!】カラーやサイズの「選択肢」に一緒に画像を表示させるTips」の「たて軸の選択肢に画像を入れるCSS」が、今日から突然「HTMLタグの記述に誤りがあります」と表示されRMSで使えなくなってしまいました。AM泉さまお世話になります!ご質問いただきありがとうございます^^RMS内でエラーになってしまうとの事、弊社RMS環境で試してみたのですが大変恐縮ながらエラーを再現できず...!お手数ですがお手元でご作成されたHTMLを拝見しても宜しいでしょうか。(コメント欄へそのままベタッとお貼り付け頂いて大丈夫です)お手数をおかけ致しますが、よろしくお願い致します。PM泉さまありがとうございます!HTMLも拝見できました。調査致しますので少々お待ちくださいませ。PM泉さまお待たせ致しました!拝見致しましたところ、↓の記述が抜けているようです。type="text/css">(ここに送信頂いたHTMLを貼る)</style>上記でエラーも回避されますでしょうか?恐れ入りますが、ご確認のほど宜しくお願いいたします。PMありがとうございます。PMはじめして、こんにちは、西尾と申します。=コメント*内容をご確認の上、送信してください。Us[株式会社オーガランド]現在24のネットショップを運営する鹿児島の企業です。販促支援システムを提供する「ogaRia(オガリア)」サービスを運営しています。株式会社オーガランド。