アイコンリスト要素

アイコンリスト要素について?

その アイコンリスト要素 GemPages では、水平に並べられたアイコンの行が表示されます。これは、ストアの全体的な美観を高めながら、特定の詳細や機能に注目を集めるのに最適です。

以下に、 アイコンリスト要素 効果的に：

• ヒーローバナー: 迅速な配送、安全な支払い、環境に優しい製品などのメリットを表すアイコンを表示します。
• 製品詳細: アイコンを使用して、耐久性、寸法、材質などの製品の機能を視覚的に表現します。
• お客様の声: 評価用の星や品質保証用のバッジなど、顧客レビューを強化するためのアイコンを追加します。

ページにアイコン リスト要素を追加するにはどうすればよいでしょうか?

GemPages Editor v7 を使用してアイコン リスト要素をページにドラッグ アンド ドロップするには、以下の手順に従います。

• あなたにログインする Shopify管理者 > GemPages ビルダー アプリ> ページ.
• アイコン リスト要素を追加するページをクリックして、エディターに入ります。
• 左側のサイドバーからこの要素を検索し、ページ上の目的の位置にドラッグ アンド ドロップします。

• 要素を見つけて設定を開き、さらにカスタマイズします。

設定タブを構成する

下 設定 タブでは、アイコンの表示を好みに応じて設定できます。

アイテム管理

アイコンを追加する or 削除します 不要なものはデザインに合わせて削除してください。また、 組み替​​えます このアイコン リスト要素で異なるアイコンを使用する場合の各アイコンの配置。

アイテム間隔

整理されたきれいなレイアウトにするために、アイコン間の距離を次のように調整します。

• ボックスに正確な数字を入力する
• スライダーをドラッグする

経歴

背景として単色/グラデーションカラーまたは画像を設定します。

• 色： カラーコードを入力するか、「最近使用した色」/「おすすめ」リストから選択するか、カラーピッカーを使用して背景色を設定します。

• イメージ： 新しい画像をアップロードするか、ライブラリから選択して背景として設定します。

形状

以下を使用して形状をカスタマイズします。

• 境界： 境界線スタイルを追加する
• コーナー： 角の丸みを調整する
• 影： 奥行きを出すために影の効果を適用する

整列

アイコン リストの水平方向と垂直方向の配置を調整します。

結果

あなたは打つことができます 目 右上のバーにあるアイコンをクリックして、更新内容をプレビューします。ストアフロントでアイコンリスト要素がどのように表示されるかは、次のようになります。

詳細タブを設定する

より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.