[戻る]
No.1966

商品説明文で画像のポップアップを使用したい件

sasaさん  投稿日:2016/06/23(Thu) 14:02
key

商品詳細ページの商品説明文で説明画像を別ウィンドウで開くときに、この開いた別ウィンドウの枠サイズを固定する、もしくはポップアップとして開くに変更することは可能でしょうか?

Re: 商品説明文で画像のポップアップを使用したい件

おたすけマイショップさん  2016/06/23(Thu) 15:01 No.1967
key

商品説明文内に追加する説明画像を別ウィンドウで開くよう設定を行うことはできますが、開くウィンドウのサイズを固定したり、表示形式を変更する場合、何らかの設定にて行うことができませんので、ご不便をおかけしますが、HTMLモードにしていただき、タグを直接編集して頂く必要がございます。

タグの編集例を下記します。
通常は画像にリンクを付けて「別ウィンドウで開く」にチェックを入れて説明画像を追加すると、以下の様なHTMLとなります。

<a href="リンク先URL" target="_blank" style="text-align: center; font-size: 10pt;"><img src="画像のURL"></a>

このHTMLタグを以下の様に書き換えると、サイズを指定した別ウィンドウでの表示となります。
<a href="javascript:void(0);" onclick="window.open('リンク先URL','','width=横幅,height=高さ');"><img src="画像のURL"></a>

※「<img 〜〜」以降は編集する必要はございません。
※「リンク先URL」や「横幅」「高さ」を書き換えてご利用ください。


Re: 商品説明文で画像のポップアップを使用したい件

sasaさん  2016/06/23(Thu) 15:52 No.1968
key

できました!ありがとうございます。
ちなみに新しいウィンドウに任意の名前をつけて、
複数の画像のリンクを開いても開くウィンドウを一つにすることはできますか?


Re: 商品説明文で画像のポップアップを使用したい件

おたすけマイショップさん  2016/06/23(Thu) 16:02 No.1969
key

複数のリンクを開いても、最初に開いたウィンドウを更新させる場合は、先程お送りしたタグに対し、以下の様に名称を入れることでできます。

<a href="javascript:void(0);" onclick="window.open('リンク先URL','任意の名前','width=横幅,height=高さ');"><img src="画像のURL"></a>

上記の様に「任意の名前」を変更してご利用ください。
※同一ウィンドウにする場合は、全てのタグに同じ名称を入れて下さい。


Re: 商品説明文で画像のポップアップを使用したい件

sasaさん  2016/06/23(Thu) 16:57 No.1970
key

ありがとうございます。
できました!



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』