アドバンスパーツライブラリ:ストアパーツの追加とカスタマイズ
アドバンスドパーツライブラリは、多彩な装飾パーツを豊富なスタイルオプションと強力な設定機能とともに提供します。これらのパーツはどのテーマにもシームレスに統合でき、ストアのビジュアル魅力を高めます。
利用シーンと主な機能
アプリを使うタイミング
以下の場合にアドバンスパーツライブラリの利用を検討してください:
-
現在のテーマにないページ表示パーツが必要な場合:
アドバンスパーツライブラリは、画像とテキストの表示、動画、商品紹介、タグ表示、タイムライン、ファイルダウンロード、ブログ、ナビゲーションモジュールなど30以上の高度なパーツを提供します。この多様性により、ほとんどのページ表示シナリオをカバーします。
-
個別のパーツのテキスト、ボタン、背景、間隔をカスタマイズしたい場合:
詳細な設定オプションでパーツの機能やスタイルを細かく調整できます。画像、ボタン、動画に対して角丸や影などの効果を含むレイアウトや外観の精密な調整が可能です。
機能のハイライト
-
比較画像表示
このパーツは2つの画像を並べて表示し、視覚的な比較を可能にします。ビフォーアフターの効果を示したり、商品バリエーション間の違いを強調したりするのに適しています。美容品、洗浄用品など、見た目の変化が重要な商品でよく使われます。
ビフォーアフターの画像を画像フィールドにアップロードしてください。パーツはストアフロント上でそれらを並べて表示し、顧客が視覚的な違いを簡単に比較できるようにします。
-
FAQ
FAQパーツは、ストアフロントに一般的な質問と回答のリストを表示できます。これにより、顧客は商品、配送、返品、使用方法に関する情報をサポートに連絡することなく迅速に見つけることができます。
-
ファイルダウンロード
ファイルダウンロードパーツを使用すると、商品マニュアル、保証情報、証明書など、ストアフロントでダウンロード可能なファイルを提供できます。これは、追加のドキュメントや購入後のサポート資料が必要な商品に便利です。
-
お客様の声
お客様の声パーツを使うと、ストアフロントに顧客のフィードバックを表示できます。過去の顧客からの引用、名前、その他の詳細を表示して、商品やサービスに対する体験を共有できます。このパーツは信頼性を高め、潜在的な購入者が過去の顧客満足度に基づいて情報に基づいた判断をするのに役立ちます。
お客様の声パーツを追加し、右側のパネルで詳細を設定すると、ユーザーレビューがストアフロントに表示されます。
アプリのインストールと使用方法
アプリをインストールするには、SHOPLINEアプリストアでアドバンスパーツライブラリを検索するか、以下の手順でテーマエディター内から直接インストールしてください:
-
管理画面で、オンラインストア > デザインに移動し、デザインボタンをクリックしてテーマエディターにアクセスします。
-
パーツを追加 > アドバンスパーツライブラリをインストールをクリックします。
-
インストールページにリダイレクトされたら、インストールをクリックし、アプリを承認してインストールを完了させます。
インストールしたアプリを使用するには:
-
テーマエディターに戻り、パーツを追加 > アドバンスパーツライブラリをクリックします。
-
パーツカテゴリを選択し、そのカテゴリ内の目的のパーツを選んでウェブサイトに追加します。
-
テキストやボタンなどの機能やスタイル要素を設定してパーツを修正します。
よくある質問
-
アドバンスパーツライブラリの設定をテーマの背景色やフォント色と自動で同期できますか?
現在は自動同期には対応していませんが、パーツライブラリではテーマに合わせてフォントや色の設定を手動で調整できます。ページの統一感を保つために一貫性を維持することをお勧めします。
-
トップページ以外のページにもパーツを追加できますか?
はい、可能です。ただし、パーツの配置はテーマによって異なります。チェックアウトを除くすべてのページにパーツを配置できるテーマもあれば、特定のページに限定されるテーマもあります。詳細は「テーマバージョン比較表」をご参照ください。
-
レイアウト設定のパディングとマージンの違いは何ですか?
パディングはパーツの内部、コンテンツと境界線の間のスペースで、高さや幅に影響します。一方、マージンはパーツの外側のスペースで、他のパーツとの間隔を作ります。場合によっては、マイナスマージンを使ってパーツを重ねてカスタムデザイン効果を出すことも可能です。
-
フィーチャードカルーセルにアップロードした画像がすぐに伸びて見えるのはなぜですか?
これはエディター内の一時的なプレビュー表示の問題であり、実際の表示とは異なります。画像をアップロードした後、保存をクリックし、ページをリフレッシュしてください。ページが再読み込みされると画像は正しく表示されます。
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。