要素 - FAQ

概要

要約: このドキュメントは、ユーザーからの問い合わせに基づき収集された、PageFly要素に関するよくある質問（FAQ）の編集版です。

これらの質問は、要素の様々な機能面に焦点を当てており、PageFlyについてさらに深く知りたい方々にとって包括的なリソースとなることを意図しています。

この記事で紹介されるFAQには、レガシーエディターとGen 2エディターという2種類の回答が含まれます。それぞれの違いは以下の通りです。

• Legacy Editor: 行と列の構造を持つエディター。

• Gen 2 Editor : 行と列の構造を持たないエディター。要素をPageFlyページ上に直接追加でき、フレックスブロックによりさらに柔軟なカスタムレイアウトが可能です。

よくある質問

1. PageFlyのアコーディオン要素を使用して折りたたみ可能な行を追加する方法は？

PageFlyで折りたたみ可能な行を追加するには、アコーディオン要素を使用できます。

この要素の設定方法について詳しく知りたい場合は、こちらのガイドをご確認ください。

2. PageFlyでテキストと画像を含むページレイアウトを追加する方法は？

Gen 2 Editor

フレックスセクションを作成し、背景画像とテキストオーバーレイを追加できます。

• ステップ 1: 要素 > PageFlyタブ > レイアウトを選択します。

• ステップ 2: 空白のセクションを選択し、キャンバス上にドラッグ＆ドロップします。

• ステップ 3: スタイリングタブで背景画像を選択します。

• ステップ 4: 背景画像に合わせてフレックスセクションの高さを調整します。

• ステップ 5: 要素 > PageFlyタブ > 見出しを選択します。

• ステップ 6: 希望の見出しバリアントを選択し、キャンバス上にドラッグ＆ドロップします。

または、セクションテンプレートを使用すると、より迅速かつ便利に編集できます。

• ステップ 1: ページコンテンツで「セクションを追加」をクリック > 「テンプレート」を選択します。

• ステップ 2: 希望のテンプレートを選択し、「選択」をクリックします。

詳細については、こちらのガイドをご確認ください。

Legacy Editor

1カラムセクションを作成し、背景画像とテキストオーバーレイを追加できます。

• ステップ 1: 要素 > PageFlyタブ > レイアウトを選択します。

• ステップ 2: 1カラムレイアウトを選択し、キャンバス上にドラッグ＆ドロップします。

• ステップ 3: スタイリングタブで背景画像を選択します。

• ステップ 4: 背景画像に合わせてパディングを調整します。

• ステップ 5: 要素 > PageFlyタブ > 見出しを選択します。

• ステップ 6: 希望の見出しバリアントを選択し、キャンバス上にドラッグ＆ドロップします。

または、セクションテンプレートを使用すると、より迅速かつ便利に編集できます。

• ステップ 1: ページコンテンツで「セクションを追加」をクリック > 「テンプレート」を選択します。

• ステップ 2: 希望のテンプレートを選択し、「選択」をクリックします。

3. PageFlyでShopifyの商品バリアントを使用してバリアントを追加する方法は？

PageFlyで商品バリアントを追加するには、Product variant要素を使用できます。

この要素の設定方法について詳しく知りたい場合は、こちらのガイドをご確認ください。

4. PageFlyページにShopifyのカートに追加ボタンを追加する方法は？

PageFlyにカートに追加ボタンを追加するには、Product add to cart要素を単に利用できます。

この要素の設定方法について詳しく知りたい場合は、こちらのガイドをご確認ください。

5. PageFlyページにコンテンツリストアイテムを追加する方法は？

PageFlyにコンテンツリストアイテムを追加するには、Content List要素を使用できます。コンテンツリストのアイテム数に制限はありません。

6. Shopify要素を強化するためにサードパーティ製アプリを使用できますか？

はい、Shopify App Storeからサードパーティ製アプリを統合して、ストアの機能性やデザイン要素を強化できます。これらはThird party elementsセクションで見つけることができます。

さらに、Shopify OS 2.0テーマで利用可能なShopify App Block Elementをサードパーティ連携に強く推奨します。この機能により、サードパーティ製アプリをPageFlyページに簡単に追加でき、より柔軟性、簡単なアップデート、そして向上したユーザー体験を提供します。1ページにつき1つまでという制限がありますが、App Blockはストアの能力を高めるための価値あるツールです。設定の詳細については、App Blockの記事を参照してください。

PageFlyでサードパーティ製アプリを使用するためのガイドはこちらをご確認ください。

7. 固定ボタン/セクションを追加する方法は？

固定セクションは、顧客がストアをスクロールする際に重要なコンテンツを見える状態に保つのに役立ちます。以下で、PageFlyのSticky Section機能の設定方法のチュートリアルをご覧いただけます。

詳細については、PageFlyウェブサイトのSticky sectionをご覧ください。

8. 商品価格の横に割引率(%)を表示できますか？

カスタムコードを使用しないと表示できません。ただし、Product badgeをオンにすることでProduct mediaに表示できます。

詳細については、Product mediaの記事にアクセスしてください。