ランキング付き特集コレクション の使い方

選択したコレクションの商品を、ランキング表示付きのカード一覧として表示するセクションです。PC/モバイル列数、商品間の余白、カード配色、ランキング表示、リンク文言までテーマエディターから調整できます。

目次

設定項目

見出し

見出しテキスト - セクション上部の見出しを設定します。

- 見出しの文字色を変更します。

サイズ-PC(px) - PC表示時の見出しサイズを調整します。

サイズ-モバイル(px) - モバイル表示時の見出しサイズを調整します。

Copilify ランキング付き特集コレクション ヘルプ 見出し

商品一覧

コレクション - 表示する商品の取得元コレクションを選びます。

表示する商品数 - 一覧に表示する商品数を設定します。

Copilify ランキング付き特集コレクション ヘルプ 商品一覧

列数

PC - PC表示時の商品カード列数を調整します。

モバイル - モバイル表示時に1列または2列を選びます。

Copilify ランキング付き特集コレクション ヘルプ 列数

商品間の余白

PC(px) - PC表示時の商品カード間の余白を調整します。

モバイル(px) - モバイル表示時の商品カード間の余白を調整します。

Copilify ランキング付き特集コレクション ヘルプ 商品間の余白

コレクションページを開くリンク

テキスト - コレクションページへ移動するリンク文言を変更します。

文字色 - リンクの文字色を変更します。

Copilify ランキング付き特集コレクション ヘルプ コレクションページを開くリンク

商品カード

影をつける - 商品カードに影を付けるか切り替えます。

商品カードの背景色 - 商品カードの背景色を変更します。

商品カードのテキスト色 - 商品名や価格の文字色を変更します。

商品カードの角の丸み - カード角の丸みを調整します。

ランキングを表示する - 商品カード左上のランキング表示を切り替えます。

ランキングの表示形式 - 通常の数字または漢数字を選べます。

Copilify ランキング付き特集コレクション ヘルプ 商品カード

PC表示での余白

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

Copilify ランキング付き特集コレクション ヘルプ PC表示での余白

モバイル表示での余白

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

Copilify ランキング付き特集コレクション ヘルプ モバイル表示での余白

その他

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 内側コンテンツ幅の上限を設定します。

Copilify ランキング付き特集コレクション ヘルプ その他

よくある質問

どのコレクションを表示できますか?

Shopify管理画面で作成済みの任意のコレクションを選べます。手動コレクション、自動コレクションのどちらでも利用できます。

ランキング順はどの順番ですか?

選択したコレクションの商品並び順に沿って、表示されている順番でランキング番号が付きます。並び替えたい場合はコレクション側の商品順を調整してください。

セールや無料のバッジは自動ですか?

セール、売り切れ、無料などの商品状態に応じて自動表示されます。商品価格や在庫状態をもとに表示が切り替わります。