製品タイトル要素

製品タイトル要素とは何ですか?

その 製品タイトル要素 GemPages は、Shopify ストアの商品のタイトルを自動的に表示する動的要素です。

商品タイトル要素を追加する方法

注: この要素は Product要素内 または 製品リスト要素.

ステップ1： GemPages エディターから、製品タイトルを追加するページを開きます。

ステップ2： あなたがすでに 製品要素 ページには、デフォルトで商品タイトルが表示されます。

ステップ3： さらに追加するには、左側のサイドバーを開いて、 商品タイトルを、製品要素または製品リスト要素にドラッグします。

ステップ4： 製品モジュール内の希望の位置に配置します。

要素がページ上に表示されたら、それをクリックして 設定パネル 左側にあります。パネルには2つのセクションがあります。 設定 高機能.

設定タブを構成する

1. 製品の供給元

商品ソースは、商品タイトルが正しい商品にリンクされていることを確認します。デフォルトでは、この要素は 製品要素 これにより、表示されるタイトルは常にShopifyの商品と一致します。

2. テキストスタイル

「テキスト スタイル」セクションでは、ページでの商品タイトルの表示方法をカスタマイズできます。 

次の操作を実行できます。

• スタイル: 見出しや段落などの定義済みのテキスト形式を選択します。
• フォント: 製品タイトルのフォント ファミリを選択します。
• サイズ: テキスト サイズを調整して、タイトルを目立たせたり目立たなくしたりします。
• 色圏: タイトルテキストの色を選択します。
• 整列: テキストを左、中央、または右に揃えます。
• フォントの太さ: 細い文字から極太文字まで、テキストの太さを制御します。
• 行の高さ: テキストの行間の垂直間隔を調整します。
• 文字間隔: 個々の文字間の間隔を変更します。
• エージェント型AIで研究開発を変革: テキストを大文字、小文字に変換するか、各単語の最初の文字のみを大文字にします。

3.効果

ホバーすると商品タイトルのスタイルを編集できます。

4. 表示オプション

製品タイトルの表示範囲を制御します。

• マックスライン: 最大行数: 商品タイトルが表示される最大行数。

5. 製品リンク

商品のタイトルをクリック可能にしたい場合は、このオプションを有効にしてください。有効にすると、タイトルをクリックすると、Shopifyストアの商品詳細ページに直接移動します。

6。 SEO

検索エンジン向けに製品タイトルを最適化します。

• HTMLタグ: 適切なタグ（例：H1、H2、段落）を選択して、ストアのSEO構造を改善します。例えば、 H1 メインの製品タイトルに「」を追加すると、検索エンジンがそれを主要な見出しとして認識しやすくなります。

詳細タブを設定する

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

商品のタイトルを変更するには？

商品タイトル要素は ダイナミックただし、GemPages 内で直接テキストを変更することはできません。 編集はShopifyストアで行う必要があります.

ステップ1： にアクセスする Shopify ダッシュボード。 に行く 製品 編集したい製品を選択します。

ステップ2： 商品のタイトルを変更してクリック Save.

ステップ3： GemPagesに戻り、 再度同期更新されたタイトルは、製品タイトル要素に表示されます。