楽天出品ページの画像編集

Question

お世話になります。

http://item.rakuten.co.jp/jalana/barur-bedlesl-229/

上記の出品者ページの下段に下記のような文章とともにある機能は
操作上カンタンに出来るものなのでしょうか？

■商品詳細画像（各画像をクリックすると拡大表示します。拡大画像からはブラウザの“戻る”で戻って下さい。）

カンタンと言ってもHTMLを自在に使いこなせないものですからそのレベルでもカンタンでしょうか？
（IBMHPビルダーを少々使える程度）

具体的にこのHTMLタグで設定出来るということでしたら具体的に教えてください。

Answer

ECマスターズの橋本です。

HTML自体は非常にシンプルなものですが、
現在Thanks39さんの商品ページを拝見すると
商品画像が２枚前後しか利用されていないようです。

９枚まで画像が入れられ、クリックすると拡大する
楽天が提供している通常の機能をまずは利用される
ことをおススメします。

ここに９枚まで画像を入れればスマホでもスライド
形式で全て画像が閲覧できます。

それでも追加で画像表示が必要であるという時には、
今回のような形式で表示させても良いと思いますが、

そもそもスマートフォン用商品説明文に掲載できる画像は
３枚までですので、今回のような形式は利用できないですね。

ご質問いただいた為、以下にて解説しておりますが、
このショップのように同一商品を拡大して見せる形式にするのであれば
まずは通常の商品画像登録（９枚まで）をしてみてはいかがでしょうか。



＞具体的にこのHTMLタグで設定出来るということでしたら具体的に教えてください。

商品ページ上では、R-Cabinetに入れた小さい画像（サムネイル）を設置し、
クリックすると、　R-Cabinetに入れた拡大版画像にリンクしているだけですね。

このショップの画像サイズそのままでの利用であれば
シンプルなHTMLですと、以下となりますが、



ここにテーブルタグを組んでレイアウトを整えようとすると、
多少のHTMLの知識が必要になります。

簡単なテーブルタグの解説
http://www.tagindex.com/html_tag/table/table_cellspacing.html

ご提示いただいたショップのHTMLは以下となります。
サイズはこのショップ用のサイズとなりますので、
適宜修正してご利用いただければと思います。


＜注意＞
※テーブル幅100%となっている為、ご利用になられている商品ページテンプレートの横幅サイズになります。
※以下３つの構成となっておりますが、２段で利用する場合は１ブロック消せば２段表示となります。
※以下わかりやすいように分解しておりますが、利用の際は、スペースを全て無くした状態でくっつけてご利用ください。

Answer

わかりました。只今クリックするところを確認しました。今まで三枚までしか入れられないと思っていました。
たまに画像が沢山あった時に不便だなと思っていました。
スマホは三枚までの表示ということは最初の商品画像（１）から商品画像（３）での表示でしょうか？

Answer

ECマスターズの橋本です。

＞スマホは三枚までの表示ということは最初の商品画像（１）から商品画像（３）での表示でしょうか？

商品画像は全て表示されます。（スマホの場合はスライド形式です）

３枚までというのは、スマートフォン用商品説明文に入れられるタグは
３つまでという制限があり、３枚まで説明分では画像が使えますという意味です。
その為、今回ご質問いただいたような、多数のタグは入れられませんので、
楽天のデフォルトの機能をご利用くださいという意味ですね。