Printifyでカタログを拡大しましょう!Shopifyに接続し、1300以上の製品にアクセスし、利益を得始めましょう。 無料サインアップ

クレジットカード不要でShopifyのトライアルまたはPageFlyをお試しいただけます。

Shopifyのトライアルを開始する PageFlyを無料でお試しください。PageFlyを無料でお試しください。

目次

PageFly 4.14.0アップデート:ポップオーバーとエレメントの強化

当社の事業は、アフィリエイトから得られるコミッションによって支えられています。 詳細.

こんにちは、

ページフライチームのリチャードです!この度、PageFlyバージョン4.14.0をリリースいたしました!今回のアップデートでは、Webサイト構築体験を次のレベルへと引き上げるための新機能や改善点が盛りだくさんです。

モーダルからポップオーバーへの移行から商品メディア機能の強化まで、このバージョンには、魅力的でパフォーマンスの高いページをより効率的に作成するためのアップデートが満載です。それでは、PageFly 4.14.0の新機能の詳細をご覧ください。

モーダルからポップオーバーへの移行

これらの進行状況/機能のポップオーバーを更新する。

ページ/セクションの保存

デフォルトで保存された通知:

デフォルトで保存された通知

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

商品・コレクションページの保存通知

APIキーによるサードパーティ要素

サードパーティのエレメントを使った新しいポップオーバーを更新しました: 

  • マーケティングオートメーションフォーム
  • Hulkフォームビルダー 
  • Quikify - コンタクトフォームビルダー
APIキーを持つサードパーティ要素

ストアフロントパスワードモダル

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

ストアフロントパスワードモーダル

いくつかの要素を改善する

フロントエンド要素のヘルパーを改善

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

旧バージョン:

旧バージョン フロントエンド要素

新バージョン:

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

製品メディア・デモンストレーション能力の向上

  • メインメディアに「メディアタイプ」を追加します。スライドショーと単一画像の2種類があります。
2種類の主要メディア
  • メディアアイテムが7を超える場合、ページネーション2と3のUIを更新。
  • メインメディアの幅が小さくなると、UIを折りたたんだり最小化したりできる。
ページネーションのUIを更新
  • ピンチ・トゥ・ズーム機構を改善し、「クリックまたはタップでズーム」のテキストを追加し、モバイルビューのメディアリストでスワイプを可能にする。
    クリックまたはタップでズーム

商品メディア、ブログ詳細画像、コレクション詳細画像の読み込みを改善

さまざまなデバイスで画質を読み込み、表示する仕組みを改善する。
これらの要素に3つの設定を追加する:
    • 遅延ローディング:画像は、ユーザーの目に見えるビューポートに入ったときにのみ読み込まれ、表示されます。これは、PageSpeedを向上させるのに役立ちます。
    • 熱心:ページが読み込まれたら、できるだけ早い段階で画像を優先的に読み込みます。これはLCP(Largest Contentful Paint)の向上に役立ちます。
    • 標準:ユーザーエクスペリエンスの向上
    ページスピードテスト

    商品詳細の数量入力とボタンを利用しやすくする

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

      VoiceOverを使用した例:

      ボイスオーバー

      旧バージョン:

      旧バージョン アクセス可能なボタン

        新バージョン:

        新バージョン アクセス可能なボタン

        保存セクションの絞り込み機能

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

        ブログ記事の要素を改善する

        • ブログ記事要素カタログのすべての要素にソース・オートを追加する(ブログ記事ページのみに適用)。
        ソース 自動ブログ記事要素
        • ブログ記事要素カタログに2つの新しい要素を追加:ブログ記事タグとブログ記事コメント。
        ブログ記事タグとブログ記事コメントの新要素

        ブログページのUX改善

        • ブログページとブログ詳細の自動フォローを区別するために、自動ソースに追加のサブパラメータを作成します。
        ブログページの自動フォロー
        ブログ記事詳細の自動フォロー
        • PageFlyで作成されたブログページの作者を "Shopify API "ではなく、"PageFly "に更新しました。
        PageFlyによって作成されたブログページの作成者
        • ブログ・タイトル要素内でブログ記事のタイトルを編集できるようにする。
        ブログ記事のタイトル要素。
        • エディターでコメントが無効になった場合の通知を表示する。
        無効状態のコメントに対する通知を表示する

        最終的な感想

        PageFly 4.14.0では、Shopifyストアをカスタマイズし、さらに充実させることができます。

        いつものように、私たちは24時間365日体制でお客様をサポートいたします。これらの新機能に飛び込み、その利点を探求し、あなたにとってどのように役立つかをお聞かせください。

        私たちは、皆様からのフィードバックとニーズに基づき、PageFlyの改善に努めています。

        PageFlyの過去のアップグレードについては、PageFlyブログをご覧ください。最新のバージョンアップにご期待ください:

        今すぐ探す