ホームページについて

Question

ご質問を失礼致します。
①
https://item.rakuten.co.jp/lilly-prom/
はページを開いた直後に、『MAX50％OFF』のウィンドウが出るのですが、同じようにしたいので、
設置方法をご教授のほど宜しくお願い致します。

②
https://item.rakuten.co.jp/lilly-prom/
はPCとスマホのページが連動していて、スマホページを編集すると、PCページも連動して編集されるのですが、どうすれば、そのように出来ますでしょうか？
業者に頼まないといけないレベルの場合、信用出来てリーズナブルな価格で、そのようなシステムを入れてくれる業者をお知りでしたら、ご教授のほど宜しくお願い致します。

Accepted Answer

ECマスターズの田中です。

＞(１)

トップページ（楽天GOLDの「index.html」）にて、
lightbox系、もしくはモーダルウィンドウを作成する
jQueryプラグインを導入していただくことで作成できます。
たとえば、下記のようなプラグインです。

便利なモーダルプラグイン MODAAL
http://bashalog.c-brains.jp/17/02/28-103000.php

＞(２)

いただいた店舗のトップページに関してのご相談で
よろしいでしょうか。

こちらの店舗では、トップページとして、
PC・スマホ、両方で同じファイル
「index.html」を使用しております。

PCで見た時も、スマホで見た時も
最適な表示となる、
いわゆる「レスポンシブデザイン」を採用しております。

実際にどのようなレスポンシブデザインがあるのかは、
下記サイトにて実例をもって紹介されておりますので
参考までに、目を通していただければと思います。
http://responsive-jp.com/

このようなレスポンシブデザインを
一から構築するのは大変ですが、

Bootstrap
http://getbootstrap.com/
に代表される、いわゆる「CSSフレームワーク」を
利用してページを作成することで、
レスポンシブデザインのページを構築することができます。

CSSフレームワークの使い方については、
様々なページにて紹介されておりますので、
http://www.atmarkit.co.jp/ait/articles/1403/19/news034.html
上記のようなページをご参考いただきながら、
作成していただきますようお願いします。