販売ページの中の画像をクリックしてリンクさせたい

Question

お世話になります担当者様
ハトムギ化粧水1500円の販売ページの中にハトムギ２個セット、3個セットの価格画像を紹介しています。例えば2個セットの価格画像をクリックして２個セットの販売ページにリンクするにはどうしたらいいですか。
宜しくお願い致します。

Answer

ECマスターズの北原です。

>ハトムギ化粧水1500円の販売ページの中にハトムギ２個セット、3個セットの価格画像を紹介しています。
>例えば2個セットの価格画像をクリックして２個セットの販売ページにリンクするにはどうしたらいいですか。

一つの画像で複数ページへ遷移させる方法として、
イメージマップを使う方法がございます。

詳しいイメージマップの説明については、こちらの記事をご参考ください。
https://codeforfun.jp/html-tips-how-to-create-imagemap-with-map-and-area-tags/

HTMLでイメージマップを作成する際は、
下記URLのイメージマップジェネレータを、
使用すると簡単に作成できます。

イメージマップジェネレータ
https://labs.d-s-b.jp/ImagemapGenerator/

利用方法はこちらの動画をご参考ください。
https://ec-masters.gyazo.com/4dbfa1504424f1ff24c0f7d751366e93

イメージマップジェネレータで作成されたHTMLの
タグ『src=""』に画像のパスを、
タグ『href=""』にそれぞれの遷移先のURLを入力してください。

カネチャン様のショップ画像を利用して、
作成させていただきますと、下記のようになります。



  
  
  


こちらのHTMLを販売説明文内に入力してお試しください。

Answer

すみませんよく理解できません。聞きなれないイメージマップ、イメージマップジェネレーターそして参考にURLを丁寧に送っていただいてはいるんですが、どうしていいのか………（省略）………
ログインして全文を読む

Answer

追伸
担当者様
ただこの問題を解決できたら、いろんなことに応用できるので是非再度教えていただければ幸いにぞんじます。

Answer

ECマスターズの伊藤です。

> すみませんよく理解できません。聞きなれないイメージマップ、イメージマップジェネレーターそして参考にURLを丁寧に送っていただいてはいるんですが、どうしていいのかまったくわかりません

イメージマップジェネレータ
https://labs.d-s-b.jp/ImagemapGenerator/
をご利用頂いて、操作的に難しいというようであれば、

方法が少々異なりますが、


のように、「ハトムギ化粧水 まとめ買い」のショップ内検索結果にリンクさせるという方法はいかがでしょうか。

リンク先の末尾●●●●●●部分は、
ショップIDに差し替えをお願いします。
必要であれは、ショップIDを含めたURLを
こちらに投稿いたしますので、お知らせください。

イメージマップと異なり、
スマホでも利用できる方法になりますので、
お電話にてお伺いしていた方法に
こだわらないようであれが、
こちらの方法をおすすめいたします。

Answer

ありがとうございます。
一度お電話でもよろしいでしょうか。

Answer

ECマスターズの北原です。
https://zoom.us/j/93962865535?pwd=MC9uaHhJTllsNHNRT0JhMllkRWpZdz09

Answer

ECマスターズの北原です。

こちらのURLからZOOMに入ってください。
https://zoom.us/j/93962865535?pwd=MC9uaHhJTllsNHNRT0JhMllkRWpZdz09

Answer

ECマスターズの北原です。

https://zoom.us/j/94553146028?pwd=TXBrMjAxMWp0a2hRcDdhOHZMT1NTQT09

Answer

商品名ドウシシャ ハトムギ 化粧水 1000ml内容量1,000ｍL全成分水、BG、グリセリン、加水分解ローヤルゼリータンパク、ハトムギ種子エキス、（スチレン／アクリレーツ）コポリマー、クエン酸Na、クエン酸、フェノキシエタノール、メチルパラベン
※商品の改良等により内容を予告なく変更することがあります。メーカー（販売元）ドウシシャ製造国日本商品区分化粧品特徴ハトムギの種皮を除いた種子から抽出して得られるエキスで、水溶性エキスは淡灰白色。
天然保湿因子（NMF）を補うことによる保湿効果に優れているため、肌荒れを抑えて保湿を与える目的の化粧品に配合されています。
ハトムギは漢方薬ではヨクイニン（?苡仁）とも呼ばれており、さまざまなアミノ酸をバランス良く含み、人気の美容健康食品として話題を集めています。注意事項1、お肌に異常が生じていないかよく注意して使用してください。
化粧品が合わないとき、即ち次のような場合には、使用を中止してください。
・使用中、お肌に赤味、はれ、かゆみ、刺激、色抜け（白斑等）や黒ずみ等の異常が現れた場合。
・使用したお肌に直射日光が当たって、上記のような異常が現れた場合。
2、傷やはれもの、しっしん等異常のある部位にはお使いにならないでください。
3，保管及び取扱い上の注意
・使用後は必ずキャップをしめてください。
・乳幼児の手の届かないところに保管してください。
・極端に高温又は低温の場所、直射日光があたる場所には保管しないでください。広告文責株式会社美健
06-6210-6922　コスメ　スキンケア

Answer

日焼け

Answer

ECマスターズの北原です。








日焼け

Answer

北原様
的確な処理判断有難うございます。感動いたしました。