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

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

<div class="biiino-sales-desc easy"><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/s-image/20220622201513_1_1.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/s-image/20220620190435_9_1.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/main-image/20220611163803_3.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/main-image/20220611163803_4.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/main-image/20220611121752_3.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/s-image/20220701184715_6_1.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/main-image/20220611121752_4.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/main-image/20220611121752_5.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/main-image/20220611121752_6.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/s-image/20220808091530_10_1.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/s-image/20220614170231_9_1.jpg"></div></div></div><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/s-image/20220620190435_11_1.jpg"></div></div></div><h2 class="title">日焼け</h2><div class="flex-container easy_col-1"><div class="flex-column"><div class="sales-img"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/biiino/item/s-image/20220702134448_14_1.jpg"></div></div></div></div>

Answer

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

日焼け

Answer

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

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

カテゴリーから探す