ブログ色々やってみるとアイディアが沸いてくるもので、先日ブログで書かせていただきました小変更をしているうちに、気付いた点をさらに改良しました。言っても、私はこういう風に表示させたいというようなアイディアとディテールの追い込みを考えるだけで、実際の作業は専門の方にやっていただいているのですけども。今回で、Ver.2.2という感じでしょうか。トップページのウェブショップ、メニューバー>ウェブショップ(商品一覧ページ)のいづれのページでも、商品のタイル状ブロックにマウスオンしていただきますと、「黒い透明なレイヤー」が現れ、そこにコーヒー豆の情報が表示されるようにしたのが、前回までの変更です。今回の改良は、コーヒー豆を同時に比較検討、購入までをしていただけるように、レイヤーを固定するスイッチ(オン、オフで色が変わります)、バリエーションを選択ボタンを付加しました。デフォルトの状態では、ブロックタイルにマウスオン、オフだけでレイヤーの表示有無の切り替えができますが、固定スイッチをオンにすることにより任意のレイヤー常時固定表示することもできます。こちらのレイヤーからさらに商品詳細ページに飛ぶこともできます。マウスオンもしくはタップしますとレイヤーが現れます。表示項目はスクロールすることにより、レイヤー内でコーヒー豆のスペック全項目閲覧することができるようにいたしました。(PCではスクロールバーをお使いください。モバイルではスワイプで操作できます。)表示はPC、スマホ、タブレットでほぼ同じように動くよう設計してありますので、是非一度お試しください。以下の画像は、ウェブショップ(商品一覧ページ)で3つの商品のレイヤーを固定させた例です。Secure当ウェブサイトは、常時SSL接続、最新の暗号化処理SHA2、TLS1.3を採用しております。オンラインストア、コンタクトフォーム等のデータなど、すべて高度に暗号化されます。セキュアな接続環境になっているかはブラウザ上部アドレスバーのhttps+鍵マークなどをご確認ください。Encryptを使用しております。決済も可)がご利用いただけます。ブログ、Instagram(@magnoliacoffee)、facebookでお知らせいたします。Walker@magnoliacoffeeカプレーゼ?足利純愛という品種。甘鯛の松笠焼きは濃度最適のアメケーヌで。裏メニューは、醤油ブイヨンで炊いた角煮。言ってみれば、ネギチャーシューですね。ヤヴァイですねこれは。Favorite店舗移転します!よろしくお願いいたします。皆様のお好みのコーヒーに出会えることを目指し、WEB上でサポートするしくみを考えました。favorite(左または上ボタン)の▼ボタンでお客様にとって優先度が高くご参考にされたい項目を選んでください。favoriteをお選びください(右または下ボタン)でお選びいただいた項目の官能項目の質感の目安5〜1を選択します。ローストの深さのみ強度を示す.)表中にあります官能項目以外も選択できます。”+”ボタンを押してください。(Xで削除できます.)絞り込み検索をしていただく項目数はいくつでも追加可能ですが、最大で3〜4程度をおすすめします。項目数が多いほど、結果として選ばれるコーヒーは少なくなる傾向になります。希望される価格レンジもスライドバーを左右に操作することにより加えることができます。絶対的なものではありません。