Drive Sales Through Personalized E-commerce Experiences.👉🏼 Discover now

No credit card required to Start Shopify Trial or Try PageFly

Start Shopify trial Try PageFly freeTry PageFly free

Table of Contents

PageFly 3.13.0 リリース: さまざまなバリエーションを持つ新しいコンテンツ リスト要素。現在表示中の製品を製品リストから非表示にする

当社の事業は、アフィリエイトから得られる手数料によって支えられています。 詳細

最新の 3.16.0 バージョン アップデートは、こちらでご確認ください。

概要

1. 新しい「コンテンツリスト」要素

オンライン ストアのページを作成するときに、同じスタイルで異なるコンテンツを持つセクションが必要な場合は、各列を手動で編集する必要があります。

Pagefly エディターの新しいコンテンツ リスト要素

「コンテンツ リスト」要素を使用すると、1 つの列のスタイルを編集すると、他の列にも自動的に適用されます。これにより、個別に操作してすべてが適切に同期されているかどうかを再確認する必要がなく、時間を節約できます。

コンテナーに移動し、コンテンツ リストを選択して、希望するバリアントをページにドラッグします。

Pagefly のエディターでコンテンツ リスト要素を配置する場所

ブログリストやお客様の声など、さまざまな目的に合わせて 5 つのバリエーションから選択できます。

2. 色のプロパティを追加する

既存の 4 つのカラー フィールドに加えて、4 つの新しいカラー フィールドを追加することにしました。これで、販売者はより豊富なカラーから選択できるようになります。

ページ エディターで、[設定]、[グローバル スタイル] を選択します。

色プロパティのオプション

また、色名を直接クリックして編集することで、各色の名前を編集することも可能になりました。

3. アプリのいくつかの小さな改善

3.1 製品リスト要素のドットを非表示にする

多くのストアオーナーは、商品バリエーションの写真を非表示にしたり、商品ページで次の写真にスクロールできる 3 つのドットを非表示にするオプションを望んでいました。

Pagefly のエディター上のドット オプションの図

現在、製品の画像は、なし (メイン写真 1 枚のみ)、ドット (右にスクロールして他の写真を表示)、画像 (メイン画像の下に他の画像を表示) の 3 つのスタイルで表示できます。

3.2 現在表示している製品を製品リストから非表示にする

製品ページで、表示中の製品に類似した製品のセクションを追加すると、古いバージョンでは、クライアントがすでに見ている製品が繰り返し表示されます。Pag​​eFly では、現在の製品を除外するオプションが追加されました (ただし、これはライブ ページに表示されますが、ページのエディターでは引き続き表示されます)。現時点では、これは製品ページでのみ機能します。

製品リストから現在の製品を除外する

3.3. ボタン要素に関するメッセージを追加

PageFly のユーザーは、通常のボタンを誤って「カートに追加」ボタンとして使用することがあります。そこで、目的が「カートに追加」であれば「カートに追加」ボタンを使用するようユーザーに警告するメッセージと、「カートに追加」要素へのリンクを右上に追加しました。

ボタンにメッセージを追加しました

3.4. JSONテンプレートの制限に達したときにユーザーに通知する

OS 2.0 を実行している Shopify テーマは、現在 JSON 形式でテンプレートを作成しています。ただし、Shopify では、テーマで作成される JSON テンプレートの種類はそれぞれ 50 個に制限されています。51 番目のテンプレートからは、形式が Liquid (.liquid) になり、製品 / コレクション ページでエディターまたはライブ ビューにデフォルトの製品 / コレクション プレースホルダーを表示できなくなります。これをわかりやすく説明すると、51 ページ目 (以降) では、エディターまたはライブ ページで製品 / コレクションの詳細レイアウトを表示できなくなります。Shopify にはユーザーへの警告がないため、PageFly のユーザーが最大 50 ページに達した場合に警告メッセージを追加することにしました。

3.5. キャンバスのスクロールUXを改善する

編集中に上下にスクロールする必要がある長いページがある場合、要素をドラッグするために上部と下部のセクション間を移動すると、時間がかかり、面倒になります。そのため、要素を上部/下部にどれだけ近づけるかに基づいてスクロール速度を改善しました。

ドラッグアンドドロップスクロールの改善

3.6. HTML/Liquid要素でスタイルを編集する

セクションに HTML/Liquid 要素を追加することで、スタイルを編集できるようになりました。

Pagefly のエディターの html/liquid 要素
PageFly のエディター上の HTML/Liquid 要素

3.7. テンプレートプレビューのスクロール速度の改善

テンプレートを閲覧する際、テンプレートが長い場合は、PageFly でスクロール プレビューが表示されます。ユーザーが既存のテンプレートを見やすくするため、レビューの速度を遅くしました。

テンプレートのスクロールを改善する

3.8. アドオンメニュー

スウォッチ オプションは、設定ではなく、「PageFly アドオン」という別のタブに移動しました。将来のアドオン オプションとナビゲーションの簡素化のために、この分離を行うことにしました。

PageFlyのアドオンタブ

3.9. アプリ内ユーザートラッキングの設定

以前は、Cookie の設定と Cookie の管理に移動すると、機能させるためにすべてを有効にする必要がありましたが、現在はさまざまなオプションをオン/オフに切り替えることができます。また、PageFly でのエクスペリエンスを最適化するために、下部に有効化ボタンがある「UI パーソナライゼーションを有効にする」メッセージもあります。

クッキーを使用したアプリ内ユーザー追跡

今回のリリースはこれですべてです。ご質問がある場合は、ライブ チャット チームが 24 時間年中無休で PageFly に関するご質問にお答えします。この改良版でより良い体験をしていただければ幸いです。

以前のバージョンのアップデートについては、こちらをご覧ください。

制限なく独自のShopifyストアをデザイン

完全にカスタマイズ可能。100以上のテンプレート50 以上の要素

完全に無料/試用なし。高速化のために最適化されています。

PageFlyを無料で入手

Explore Now