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

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

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

目次

PageFly 3.13.0リリース:異なるバリアントを持つ新しいコンテンツリスト要素。商品リストから現在表示中の商品を非表示にする

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

最新の3.16.0のバージョンアップについてはこちらをご覧ください。

概要

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

オンラインストアのページを作成する際、同じスタイルで異なる内容のセクションが必要な場合、各カラムを手動で編集する必要があります。

ページフライエディタに新しいコンテンツリスト要素を追加

コンテンツ・リスト」要素を使うと、あるカラムのスタイルを編集すると、自動的に他のカラムにも適用されます。これにより、それぞれのカラムを別々に編集して、すべてがうまく同期されているか再確認する手間が省けます。

コンテナに行き、コンテンツリストを選択し、好きなバリアントをページにドラッグします。

ページフライエディタのコンテンツリスト要素の場所

ブログのリストやお客様の声など、目的別に選べる5つのバリエーションがあります。

2.カラープロパティを追加する

既存の4つのカラーフィールドに加え、新たに4つのカラーフィールドを追加することにしました。これにより、マーチャントはより多くの色の中から選択できるようになりました。

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

カラー・プロパティのオプション

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

3.アプリのいくつかのマイナーな改善

3.1 製品リスト要素のドットを隠す

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

ページフライエディタのドットオプションの説明図

商品の画像を3つのスタイルで表示できるようになりました:None(メイン写真1枚のみ)、Dot(右にスクロールして他の写真を表示)、image(メイン画像の下に他の画像を表示)の3つのスタイルで表示できます。 

3.2 商品リストから現在表示中の商品を非表示にする

商品ページで、表示中の商品と類似した商品を含むセクションを追加すると、古いバージョンでは、クライアントがすでに見ている商品の繰り返しが表示されます。PageFlyは、現在の商品を除外するオプションを追加しました(ただし、これはライブページでは表示されますが、ページのエディタでは表示されます)。今のところ、これは商品ページに対してのみ機能します。

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

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

PageFlyのユーザーが通常のボタンを「カートに入れる」ボタンと間違えて使ってしまうことがあります。そこで、右上に「カートに入れる」ボタンを使用するよう注意喚起するメッセージと、「カートに入れる」要素へのリンクを追加しました。

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

3.4.JSONテンプレートの制限に達した場合のユーザーへの通知

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

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

編集中に上下にスクロールする必要がある長いページがある場合がほとんどで、要素をドラッグするために上下のセクションを行き来するのは時間がかかり、煩わしいものです。そのため、要素を上下にどれだけ近づけたかによってスクロールの速度を変えるようにしました。

ドラッグ&ドロップによるスクロールの改善

3.6.HTML/リキッド要素でスタイルを編集する

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

ページフライエディタのhtml/liquid要素
PageFlyのエディタ上のHTML/Liquid要素

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

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

テンプレート・スクロールの改善

3.8.アドオンメニュー

スウォッチオプションは「設定」ではなく、「PageFlyアドオン」という別のタブに表示されるようになりました。将来のアドオンオプションと、より簡単なナビゲーションのために、このような分離を行うことにしました。

PageFlyのアドオンタブ

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

以前は、クッキーの環境設定からクッキーを管理する場合、すべてを有効にしないと動作しませんでしたが、現在はさまざまなオプションのオン/オフを切り替えることができます。また、「UIパーソナライゼーションを有効にする」というメッセージが表示され、下部に「有効にする」ボタンがあるので、PageFlyでの体験を最適化することができます。

クッキーによるアプリ内ユーザー追跡

今回のリリースは以上です。ご不明な点がございましたら、ライブチャットにて年中無休でPageFlyに関するご質問にお答えしております。この改善されたバージョンで、より良い体験をしていただければ幸いです。 

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

Shopifyストアを無制限にデザインしよう

フルカスタマイズ可能。100以上のテンプレートと50以上の要素

完全無料/トライアルなし。高速に最適化されています。

PageFlyを無料で入手

今すぐ探す