1. ソリューションを構成する

言語セレクターを製品詳細ページに追加する

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Sitecore Content Hubで製品の翻訳された名前と説明を表示するには、製品の詳細ページに言語セレクターを追加します。

大事な

Entity Managerを使用してページコンポーネントに手動で変更を加えるのは、言語セレクターの設定などの例外的なケースのみです。

言語セレクターを製品詳細ページに追加するには:

  1. メニュー カーで、Manageをクリックします。

  2. Manageページで、「Pages」をクリックします。

  3. 左側のウィンドウで、検索ボックスに「 Product details 」と入力し、Searchをクリックします。

  4. 左側のウィンドウで、Product detailsをクリックします。

  5. Product detailsページのLayoutタブのHEADER ZONE (RIGHT)で、Add componentをクリックします。

  6. Add componentダイアログボックスで、検索ボックスに「HTML」と入力し、「Search」をクリックします。

  7. コンポーネントリストで、「 HTML」をクリックします。

  8. Add componentダイアログボックスで、次の操作を行います。

    • Titleに「 Language selector」と入力します。

    • Visibleスイッチをクリックしてアクティブにします(オン)。

    • Add」をクリックします。

  9. Product detailsページで、アドレスバーのURLに表示されているエンティティIDページをメモします。

    Entity ID in the address bar
  10. 新しいブラウザー タブを開き、次のURLに特定のContent Hub URLとページ エンティティIDを貼り付けます。

    https://<Your Content Hub URL>/en-us/admin/entitymgmt/entity/<Page entity id>
  11. 商品の詳細Entity detail pageで、Generalタブをクリックし、Page componentsセクションまで下にスクロールします。

    Entity ID in the address bar
  12. Language selector」をクリックします。

  13. 言語セレクタEntity detail pageで、Generalタブをクリックし、Edit Edit icon をクリックします。

  14. 以下を更新します。

    • Data」で、「 Switch editor mode」をクリックし、「 Text」を選択して、次のコードを入力します。

      {
       "controls": [
        {
         "type": "Details.Controls.LanguageSelector"
        }
       ]
      }
    • Componentの場合は、HTMLを削除してRawを追加します。

  15. Save」をクリックします。DataComponentLanguage component設定は、次の例に示すように更新されます。

    Entity details page

    言語セレクターが商品詳細ページに表示されるようになりました。

    Language selector on the product detail page
この記事を改善するための提案がある場合は、 お知らせください!