他の商品ページのリンクを貼る方法について

Question

お世話になっております。https://item.rakuten.co.jp/ginza-treasure/gt-00291am/上記店舗様の仕様のように、同タイプで異なるカラーの他の画像をクリックするとその商品ページへ飛ばせるようにしたいと考えております。1画像でしたら出来ますが、1画像に４商品ほどのせるサイズにしたいです。

こちらのタグですと、1画像しかできない？タグの理解が不十分ですみません。宜しくお願い致します。

Answer

ECマスターズの田中美帆です。> 上記店舗様の仕様のように、同タイプで異なるカラーの他の画像をクリックすると> その商品ページへ飛ばせるようにしたいと考えております。参考のショップページを確認しましたところ、カラー別の画像を８枚用意して、

を記述し、tableタグを利用して、４列２行に配置させているようです。以下のHTMLタグで、参考のショップページのような表現ができますのでお試しください。※「商品ページURL」「画像URL」「商品名」は変更をお願いいたします。----- 以下から -----


商品名5	商品名6	商品名7	商品名8

商品名5	商品名6	商品名7	商品名8

----- 以上まで -----イメージ：https://ec-masters.gyazo.com/4e12826aebf4b6143a39806c59ffd527

Answer

田中様早速の回答ありがとうございます。上記参考ページはPC用で４列２行になっておりますが、スマホページで確認すると、２列４行になっております。当社の商品は12色あるのでスマホページでは２列6行にしたいと考えております。説明不足で申し訳ありません。その際、回答いただきましたタグは変わりますでしょうか。お手数をおかけしてすみませんが確認お願い致します。

Answer

ECマスターズの田中美帆です。> 当社の商品は12色あるのでスマホページでは２列6行にしたいと考えております。２列６行（スマートフォン向け）の場合は、以下の記述になります。----- 以下から -----


商品名1	商品名2

商品名3	商品名4

商品名7	商品名8

商品名7	商品名8

商品名9	商品名10

商品名11	商品名12

----- 以上まで -----イメージ：https://ec-masters.gyazo.com/4eb2322b166dc7522e1f76326a7a74c5tableタグ内のtrタグとtdタグを増減させることで、さまざまな表形式を作成することができます。tableタグについて、楽天にてマニュアルが公開されていますので、よろしければご参考ください。[HTMLタグ辞典] 行と列の多い表を作るhttps://navi-manual.faq.rakuten.net/service/000039893?scid=wi_man_syncsearchまた、楽天では、スマートフォン用商品説明文で利用できるHTMLタグに制限があり、PC用商品説明文と同じHTMLタグが利用できない場合がございます。スマートフォン用商品説明文で利用できるHTMLタグは以下よりご確認いただけます。[スマートフォンデザイン設定] スマートフォン用入力項目で利用できるHTMLタグ（従来版）https://navi-manual.faq.rakuten.net/design/000038875?scid=wi_man_syncsearch

Answer

ECマスターズ　田中様回答ありがとうございます。ページ作成してみたところ、イメージ通りのものが出来ました。お手数をおかけしてすみませんでした。タグも少し理解できました。これからも苦手意識を無くして勉強していきます。ありがとうございました。

他の商品ページのリンクを貼る方法について

カテゴリーから探す