Shopify ページにカスタム フッターを作成して追加する方法

場合によっては、テーマで提供されるフッターではなく、GemPagesによって生成されたフッターを利用したい場合があります。テーマセクションを使えば、これをシームレスに実現できます。

以下の手順に従ってください。

GemPagesテーマセクションでフッターを作成する

まず、以下の手順に従って、テーマ セクションにフッターを作成する必要があります。

GemPagesダッシュボードから始める

ステップ 1：へ行く Shopify管理 > アプリ をクリックして GemPages ビルダー にログインして、上記の GemPagesダッシュボード.

ステップ 2：へ行く 「テーマ部門」 をクリックして 「新しいセクションを作成」  

ステップ 3: エディターにリダイレクトされます。 テンプレ テンプレート ライブラリにアクセスするには、エディターの左側のサイドバーにあるアイコンをクリックします。 

ステップ4： タイプ 「フッター」 検索バーに「」と入力すると、ライブラリで利用できるさまざまなデザイン済みフッター テンプレートにすばやくアクセスできます。

ステップ 5: 選択したフッターセクションにマウスを移動し、「プレビュー」をクリックしてビジュアルプレビューを表示し、「ページに追加」をクリックしてデザインに追加します。

ステップ 6: 好みに応じてフッターのデザインを完成させます。 

ボタン要素をクリックすると設定パネルが開きます。下にスクロールして リンク セクションをオンにして、 クリック後 = ページを開く フッターから各ナビゲーションのターゲットページを選択します。

次に、をクリックします 「公開テーマセクション　 終了したらボタン。

あらかじめデザインされたフッター以外のものを使用したい場合は、GemPages の要素を使用して空白のページから独自のフッターを自由に作成してください。

GemPagesエディタから始める

ページエディターを見つけて、そのフッターを新しいカスタムフッターとして保存したい場合は、セクションをクリックして選択します。 テーマセクションを作成する.

次に、テーマセクションの名前を入力して Save.

今なら、 テンプレート 図書館 > 保存されたライブラリ.

GemPagesのフッターをShopifyテーマに追加する

カスタム フッターを作成して公開したら、次の手順に従ってそれを Shopify ストアに挿入します。

ステップ 1: Shopify テーマ エディターにアクセスします。 

• あなたにログインする Shopify管理者.
• 詳しくはこちら 「オンラインストア」 左サイドバーで 「テーマ」
• ソフトウェアの制限をクリック "カスタマイズ" テーマエディターにアクセスします。 

ステップ 2: 上部のバーのドロップダウン メニューから、セクションを追加するテーマ内のテンプレートを選択します。 

ステップ 3: 希望の位置にフッターを追加します。

• 選択したテンプレート内で、フッターまで下にスクロールします。 
• 以下を行うには、 「セクションを追加」

• リスト内で保存したセクションを見つけます。それをクリックしてテンプレートに追加します。

• テーマのフッターを非表示にするには、 眼 のアイコンをクリックします。

ヒット 「保存」 終了したら。

よくあるご質問

1. テーマのフッターを GemPages のフッターに置き換えることはできますか?

はい。GemPages フッターをテーマセクションとして公開した後、テーマエディターに追加して、元のテーマフッターを非表示にするだけです。

2. XNUMX つのフッターを複数のテンプレート間で再利用できますか?

はい。テーマセクションを公開したら、テーマエディターから任意のテンプレートに挿入できます。これにより、サイト全体でヘッダーとフッターの一貫性が保たれます。

3. フッターをカスタマイズするにはコーディングが必要ですか?

コーディングは不要です。GemPagesのドラッグアンドドロップ要素を使用して、ヘッダーとフッターの両方をデザインし、カスタマイズできます。

4. GemPagesのフッターセクションにShopifyページリンクを追加したいのですが、どうすればいいですか？

Shopifyリンクを追加するには、 ボタン要素 GemPagesのフッター内。各ボタンについて：

• クリックすると設定パネルが開きます。
• スクロールして リンク セクションでオンに切り替えます。
• 作成セッションプロセスで クリック後 = ページを開く.
• リンクする Shopify ページ (ホーム、製品カタログ、連絡先など) を選択します。

この方法により、フッター ナビゲーションは、GemPages で完全にカスタマイズ可能でありながら、Shopify ページを直接使用できるようになります。

5. GemPages のフッターに支払いアイコンを追加するにはどうすればよいですか?

カスタム フッター内に支払いアイコンを表示するには、次の手順に従います。

オプション1: アイコンリスト要素を使用する

1. GemPagesエディタで、 アイコン一覧 要素をフッターセクションに追加します。
2. リスト内の各アイコンをクリックすると、支払いアイコン (Visa、MasterCard、PayPal、Shop Pay など) に置き換えられます。
3. 独自の SVG/PNG アイコンをアップロードするか、アイコン ライブラリから選択します。
4. 左側の設定パネルで、サイズ、間隔、色、配置を調整します。

1. 追加する 画像 素子 フッターに入力します。
2. 事前に作成された支払いアイコンストリップ（多くの場合、支払いゲートウェイによって提供されます）をアップロードします。
3. 必要に応じてサイズと位置を変更します。