GemPagesとShopifyテーマの連携方法

Shopify テーマとは何ですか?

A テーマ Shopifyでは、ウェブサイトの表示方法を決定するテンプレートコードです。テーマエディター内でストアの特定の設定を変更できます。テーマに希望する変更のための設定がない場合は、テーマコードを編集する必要があります。

使用することにより、 ページビルダーを使用すると、コードを使わずにストアのページを作成・カスタマイズできます。さらに、テーマの特定のレイアウトを使用するのではなく、デザインを自由にコントロールできます。 

ページビルダーは GemPages ドラッグ＆ドロップで簡単に操作できるエディターをご利用いただけます。テーマ設定を変更したり、バックエンドにコードを追加したりする代わりに、さまざまな要素をドラッグ＆ドロップして希望の位置に配置するだけです。

GemPages は Shopify テーマとどのように連携しますか?

GemPagesを使用する場合でも、ストアには公開された Shopifyテーマを選択します。 ヘッダー、フッター、ナビゲーションバー テーマによって管理され、GemPagesでは完全にカスタマイズできます。 ボディセクション 必要に応じて、ヘッダーとフッターを非表示にすることもできます。

GemPagesをインストールしてストアで使用すると、テーマにコードが生成されます。 Shopifyサービス次の手順に従ってテーマコードをすばやく確認できます。

• Shopify管理者アカウントにログインする
• に行く オンラインストア > テーマ
• 3つのドットのアイコンをクリックして コードの編集

• ヒット 見開きページ 左サイドバーの右上隅にあるアイコンをクリックして開きます 冒険者。 下にスクロールして template セクションをクリックして展開します。
• 表示されるターゲットのGemPagesテンプレートを見つけます。 template ファイルコードを開くセクション。

例えば、、クリック collection.gem-1699584853-template.json コードを開きます。

GemPages によってページが作成されると、Shopify のバックエンドと同期され、それに応じてコード テンプレートが作成されます。 

その後、エディタからテンプレートに変更を加えると, GemPagesは コードを自動的に変更する あなたのために。

Shopify テーマを変更すると何が起こりますか?

1。 に行く GemPagesダッシュボード、各デフォルトテンプレートを開き、 パブリッシュ 新しいテーマに再適用します。

2. GemPages を使用して Shopify のオリジナルテンプレート (ホームページ、商品ページ、コレクションページなど) をカスタマイズした場合は、次の手順を実行する必要があります。

• 再同期 GemPages エディター内のテーマ データ。
• 並べ替え GemPages セクションは、テーマを切り替えるとデフォルトで一番下に移動する可能性があるため、削除してください。
• パブリッシュ 意図したデザインを反映するために再度実行します。

3. 他のページタイプでライブストアが正しく表示されない場合は、 ランダムに1ページを再公開する GemPages が新しいテーマに早く適応できるようにするためです。

さらに、顧客体験に影響を与える可能性のある予期しない問題を回避するために、トラフィックの少ない期間中に新しいテーマを公開することをお勧めします。

GemPagesは、以下のShopifyテーマと互換性があります。 オンラインストア2.0.

これを防ぐには:

1. Shopify製品テンプレートがデフォルトとして設定されていることを確認します Shopifyテーマ設定で。
2. 次に、GemPages内でカスタムテンプレートを割り当てます 特定の製品のみ 必要に応じて。

この方法では、選択された製品のみが GemPages デザインを使用し、残りは引き続きデフォルトの Shopify レイアウトを使用します。

詳細な手順については、このガイドを参照してください。 テンプレートに異なる製品を割り当てる.

もっと詳しく知る： 5つの簡単なステップでShopifyに商品を追加する方法