固定セクションを作成する

スティッキーセクションとは何ですか?

固定セクションは、訪問者がページをスクロールしても固定されたままなので、プロモーション、ナビゲーションバー、製品の詳細など、重要なコンテンツを常に表示しておくのに最適です。この記事ではでは、GemPages V7 を使用して、XNUMX つの一般的なタイプのスティッキー レイアウトを簡単に作成する方法を学習します。

• A スティッキーバー ページの上部または下部に留まる
• A スティッキーコラム スクロールする商品情報の横に商品画像を固定する

GemPages で固定セクションを作成する方法は?

#1. ページにスティッキーバーを追加する

スティッキーバーは、ユーザーがスクロールしても表示されたままになるアナウンス、ナビゲーション リンク、CTA、プロモーションなどに役立ちます。

ノーザンダイバー社の GemPagesダッシュボード編集したいテンプレートを開きます。 行 左サイドバーの エディター、ドラッグアンドドロップ 行 お好みの位置に。

必要な要素をすべて入れ子にして、 行 希望どおりにスティッキーバーを作成してデザインを完成させます。 

または、当社の あらかじめデザインされた粘着セクション ゼロから構築する代わりに。

• に行く ライブラリ > セクション、次に検索 「スティッキー」.
• 様々な既成レイアウトが用意されています。 スティッキーバー スティッキーカート.
• 詳しくはこちら ページに追加 使用したいセクションをクリックします。選択したレイアウトはテンプレートに自動的に挿入されます。

#2. 商品画像を目立たせる

このレイアウトは、ユーザーが追加の製品詳細をスクロールしている間、製品画像が表示された状態を保つ製品ページでよく使用されます。

ステップ 1: GemPages ダッシュボードから、エディターで製品ページ テンプレートを開きます。

ステップ2： 以下を行うには、 製品画像要素 左側のサイドバーに設定が表示されます。 高機能 タブ、見つける 「役職　 セクションで「スティッキードロップダウンメニューから」。

ステップ 3: ヒット 「Save　 「パブリッシュ　 ライブページで結果を確認します。

使用するテーマによっては、固定位置機能が期待どおりに動作しない場合があります。その場合は、サポート チームに連絡して支援を受けてください。