> For the complete documentation index, see [llms.txt](https://help.pagefly.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/collection/shopify-elements-collection-details.md).

# コレクション詳細

### Shopifyコレクション詳細要素について

概要：Shopifyの[コレクション詳細](https://help.pagefly.io/manual/shopify-elements-collection-details/)要素は、コンバージョン率を向上させるために、Shopifyストアの任意のコレクションをページに配置できるように設計されています。

コレクション詳細要素は、コレクション専用ではない任意のページでコレクションを展示するために利用できます。あるいは、デフォルトのShopifyコレクション要素よりも好む場合は、コレクションページで使用することもできます。

### コレクション詳細要素にアクセスする方法

コレクション詳細要素にアクセスするには、以下の3つの簡単な手順が必要です。

* **ステップ 1**: 要素機能をクリックし、Shopifyタブに移動します。
* **ステップ 2**: ドロップダウンメニューでコレクション詳細要素をクリックします。
* **ステップ 3**: 要素をページエディタにドラッグ＆ドロップしてから使い始めます。

コレクション詳細要素には2つの一般的なバリエーションがありますが、時間を節約するのに役立つように、さらに多くのバリエーションを追加し続けます。

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

![](/files/O5UOQvVOEru3lJMBgzaK)

### コレクション詳細要素の設定方法

#### 一般設定

コレクション詳細要素には、可能な限り最高のコンバージョン率を実現するためにコンテンツの外観を細かく調整できる多数のパラメータが付属しています。

レイアウトで要素を選択してパラメータを表示します。

コレクション詳細要素をエディタページにドラッグ＆ドロップすると、コレクションソースとして次の選択肢が表示されます。

* **自動**: このオプションは、[コレクションページ](https://help.pagefly.io/manual/add-more-content-to-my-shopify-collection-page/)にいる場合、またはこの要素がコレクションリストまたはコレクション詳細に追加された場合に自動的に適用されます。
* **カスタムコレクション**: このオプションは、コレクションページ以外のページタイプ、または要素が単独で使用される場合に利用可能です。その場合、画像を表示したいコレクションを手動で選択する必要があります。

カスタムコレクションを選択するには、以下の手順に従います。

* **ステップ 1**: コレクションソースとしてカスタムコレクションを選択します。
* **ステップ 2**: 希望のコレクションを選択します。
* **ステップ 3**: 選択ボタンをクリックします。

**ATTRIBUTES、VISIBILITY、ANIMATION**パラメータの詳細については、[こちら](https://help.pagefly.io/manual/elements-general-settings/)をご覧ください。

#### スタイル設定

スタイルタブの詳細については、この[リンク](https://help.pagefly.io/manual/elements-style-settings/)を参照してください。

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

* 検索エンジンが効率的に画像を検出してインデックスできるように、XMLサイトマップに画像を含めることが不可欠です。Shopifyはこれを自動的に処理しますが、Google Search Consoleのようなプラットフォームでの画像のインデックス状況を監視するのは難しくなります。
* ベストセラー、新着商品、またはプロモーションに注目を集めるために、コレクション内に特定の製品を特集することを検討してください。これは、可視性を高め、販売を促進するのに役立ちます。

### よくある質問

**1. コレクション詳細とは何ですか？**

Shopifyコレクション詳細要素は、時間を節約し、もちろんコンバージョン率を向上させるために、Shopifyストアの任意のコレクションをページに配置できるように設計されています。

**2. コレクション詳細とコレクション説明の違いは何ですか？**

コレクション詳細要素を使用すると、販売者はShopifyストアの任意のコレクションをPageFlyページにシームレスに統合できます。コレクション説明を使用すると、販売者は特定のコレクションや製品の説明を細心の注意を払って作成し、そのプレゼンテーションと魅力を高めることができます。

### 追加リソース

* [PageFlyコレクションページを作成する](https://help.pagefly.io/manual/add-more-content-to-my-shopify-collection-page/)
* [PageFlyでShopifyコレクション表示詳細を編集する](https://help.pagefly.io/manual/shopify-elements-collection-view-details/)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/collection/shopify-elements-collection-details.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.