日東紅茶
ECサイト(MAKESHOP)
コーディング
https://www.nittoh-teamart.com/
ご依頼内容
メイクショップで開設したサイトがレスポンシブデザインではないということで、単純にレスポンシブデザインにしたいというご希望でした。メイクショップでレスポンシブデザインにするためには、クリエイターモードを使用する必要があるのですが、既にベーシックモードで制作されており、社内的にも運用面を考えるとクリエイターモードでの作成は懸念されており、ベーシックモードでレスポンシブに出来ないか、というご相談でした。
ご提案
既にあるベーシックモードを生かし、スマホ管理画面でスマホページを作成するのではなく、スタイルシートだけでPCページをスマホページに表示できるように設定しました。またPCページモードではスマホで表現できない箇所など一部スクリプトなどを作成し、独自表現できるようカスタマイズさせていただきました。