こんにちは、
ページフライチームのリチャードです!この度、PageFlyバージョン4.14.0をリリースいたしました!今回のアップデートでは、Webサイト構築体験を次のレベルへと引き上げるための新機能や改善点が盛りだくさんです。
モーダルからポップオーバーへの移行から商品メディア機能の強化まで、このバージョンには、魅力的でパフォーマンスの高いページをより効率的に作成するためのアップデートが満載です。それでは、PageFly 4.14.0の新機能の詳細をご覧ください。
モーダルからポップオーバーへの移行
これらの進行状況/機能のポップオーバーを更新する。
ページ/セクションの保存
デフォルトで保存された通知:

商品ページとコレクションページでは、ページが少なくとも1つの商品/コレクションに割り当てられていない場合、ポップオーバーに「商品/コレクションを選択」オプションが表示されます。

APIキーによるサードパーティ要素
サードパーティのエレメントを使った新しいポップオーバーを更新しました:
- マーケティングオートメーションフォーム
- Hulkフォームビルダー
- Quikify - コンタクトフォームビルダー

ストアフロントパスワードモダル
テーマのスタイリングを有効にする」オプションをオンにすると、Storefrontのパスワードモーダルがエディタに表示されます。

いくつかの要素を改善する
フロントエンド要素のヘルパーを改善
- PageFly Helper script」を「Theme App Extension」に移動:
- テーマアプリの拡張機能には、ページ上のすべてのセクションのヘルパーJSコードが含まれています。これが最も重要です!
- もしお客様がまだバージョン1と2のページをお持ちの場合、テーマアプリの拡張機能はそれらには適用されません。これらの古いページは、古いバージョンでも動作します。
旧バージョン:

新バージョン:

- ダッシュボードとエディタに、PageFly Theme Extensionをオンにしていないユーザーに対して、オンにするよう促すアラートメッセージを追加しました。
- ユーザーは、テーマ > アプリの埋め込みに行く代わりに、アプリ内でテーマアプリの拡張機能を有効にすることができます。

製品メディア・デモンストレーション能力の向上
- メインメディアに「メディアタイプ」を追加します。スライドショーと単一画像の2種類があります。

- メディアアイテムが7を超える場合、ページネーション2と3のUIを更新。
- メインメディアの幅が小さくなると、UIを折りたたんだり最小化したりできる。

- ピンチ・トゥ・ズーム機構を改善し、「クリックまたはタップでズーム」のテキストを追加し、モバイルビューのメディアリストでスワイプを可能にする。
商品メディア、ブログ詳細画像、コレクション詳細画像の読み込みを改善
さまざまなデバイスで画質を読み込み、表示する仕組みを改善する。これらの要素に3つの設定を追加する:
- 遅延ローディング:画像は、ユーザーの目に見えるビューポートに入ったときにのみ読み込まれ、表示されます。これは、PageSpeedを向上させるのに役立ちます。
- 熱心:ページが読み込まれたら、できるだけ早い段階で画像を優先的に読み込みます。これはLCP(Largest Contentful Paint)の向上に役立ちます。
- 標準:ユーザーエクスペリエンスの向上

商品詳細の数量入力とボタンを利用しやすくする
以下の要素にaria-labelを追加する:カートに入れるボタン、数量入力、商品詳細の増減ボタン:- PageFlyを使用して構築されたページは、障害者を含むすべての人が使用およびアクセスできるようにします。
- ユーザーエクスペリエンスを高める。
VoiceOverを使用した例:

旧バージョン:

新バージョン:

保存セクションの絞り込み機能
- セクションを保存」機能は、セクションがプレビュー画像として公開されるたびに、そのセクションのスクリーンショットを作成し、キャプチャした画像をShopify Mediaファイルに保存します。

ブログ記事の要素を改善する
- ブログ記事要素カタログのすべての要素にソース・オートを追加する(ブログ記事ページのみに適用)。

- ブログ記事要素カタログに2つの新しい要素を追加:ブログ記事タグとブログ記事コメント。

ブログページのUX改善
- ブログページとブログ詳細の自動フォローを区別するために、自動ソースに追加のサブパラメータを作成します。


- PageFlyで作成されたブログページの作者を "Shopify API "ではなく、"PageFly "に更新しました。

- ブログ・タイトル要素内でブログ記事のタイトルを編集できるようにする。

- エディターでコメントが無効になった場合の通知を表示する。

最終的な感想
PageFly 4.14.0では、Shopifyストアをカスタマイズし、さらに充実させることができます。
いつものように、私たちは24時間365日体制でお客様をサポートいたします。これらの新機能に飛び込み、その利点を探求し、あなたにとってどのように役立つかをお聞かせください。
私たちは、皆様からのフィードバックとニーズに基づき、PageFlyの改善に努めています。
PageFlyの過去のアップグレードについては、PageFlyブログをご覧ください。最新のバージョンアップにご期待ください: