コレクション画像

Shopify コレクション画像要素について

Shopify コレクション画像要素は、ページの Shopify コレクションの画像を表示し、顧客がより多くの商品リストを探索するように促し、コンバージョン率を高めるために設計されています。コレクション画像要素は、PageFly のあらゆるページとセクションで使用できます。

詳細については、こちらのビデオチュートリアルを参照してください。

コレクション画像要素へのアクセス方法

• ステップ1: 左メニューの要素アイコンをクリックします

• ステップ2: Shopify タブに切り替えます

• ステップ3: ドロップダウンメニューのコレクション画像要素をクリックします

• ステップ4: 要素をページエディタにドラッグアンドドロップして使用を開始します

コレクション画像要素には一般的なバリエーションが1つありますが、今後も時間を節約できるバリエーションを追加していきます。

この要素は、サイドバーで探す代わりに検索機能を使用して検索できることに注意してください。

コレクション画像要素の設定方法

コレクション画像要素には、コンバージョン率を最高にするためにコンテンツの外観を微調整できる多数のパラメータが付属しています。

レイアウトで要素を選択すると、そのパラメータが表示されます。

この要素をエディタページにドラッグアンドドロップすると、コレクションソースの選択肢が2つあります。

• 自動: このオプションは、コレクションページにいる場合、またはこの要素がコレクションリストやコレクション詳細に追加されている場合に自動的に適用されます。

• カスタムコレクション: このオプションは、コレクションページ以外のページタイプ、または要素が単独で使用されている場合に利用できます。この場合、画像を表示したいコレクションを手動で選択する必要があります。

カスタムコレクションを選択し、希望のコレクションを選択できます。

選択されたコレクションの画像が対応して表示されます。

一般タブ

属性 (ATTRIBUTES)、表示設定 (VISIBILITY)、アニメーション (ANIMATION) パラメータに関する詳細については、こちらを参照してください。

スタイルタブ

スタイルタブに関する詳細は、この記事で確認できます。

よくあるケース

コレクションに表示される画像の変更

Shopify でコレクションの表示画像を修正または新しい画像をアップロードするには：

1. Shopify 管理画面のダッシュボードに移動し、次に「商品」>「コレクション」に進みます。

2. 画像を更新したいコレクションを選択します。

1. コレクションの設定内で、「画像」セクションを探します。

2. 画像を変更するには、「編集」ボタンをクリックします。

ヒントとベストプラクティス

• コレクションを効果的に表現するために、高品質で視覚的に魅力的な画像を使用してください。

• 画像が関連性があり、各コレクション内の商品を正確に描写していることを確認してください。

• 十分な品質を維持しながら、ページ読み込み時間を短縮するために、画像ファイルサイズを最適化してください。

• 顧客にとってより魅力的で共感を呼ぶ体験を提供するために、ライフスタイル画像や使用中の商品の画像の使用を検討してください。

• ストアを新鮮で魅力的に保つために、コレクション画像を定期的に更新してください。

よくある質問

1. コレクション画像要素を商品ページで使用できますか？

はい、コレクション画像要素を商品ページやあらゆるページタイプで使用して、関連するコレクションを紹介し、商品カタログのさらなる探索を促進できます。

2. 複数のコレクション画像を並べて表示できますか？

はい、コレクション画像要素をページに複数追加し、ページビルダーのレイアウトオプションを使用して並べて配置できます。

3. アップロードできる画像の最大サイズはいくつですか？

Shopify での画像の最大ファイルサイズは 20MB です。

4. コレクション画像をコレクションページではなく、カスタムURLにリンクできますか？

いいえ、コレクション画像を対応するコレクションページにのみリンクできます。

その他のリソース

• PageFlyでコレクションリストを使用する方法

• PageFlyページにShopifyコレクション詳細を追加する方法