製品アイコンの設定方法

この記事では、製品アイコンを設定する方法を段階的に説明します。

主な手順は以下のとおりです。

  1. エントリの作成と追加[メタオブジェクト] Product spec

    1. [メタオブジェクト]の作成Product spec

      管理ダッシュボード>セットアップ アイコン[1] >カスタム データ[2] > メタオブジェクト定義フィールドの下の定義の追加[3]

      これらをクリックすると、 「メタオブジェクト定義の追加」ウィンドウが表示されます。関数が正しく動作するためには、以下の指示どおりに入力する必要があります (上も含む)。

      • 名前[4] - 入力Product spec
      • フィールド[5] - [フィールドの追加]をクリックします。目的は、 Titledescription 、およびIconという名前の 3 つのフィールドを追加することです。

        上の画像に示すように、「単一行テキスト」タイプはタイトルと説明に使用され、「ファイル」はアイコンに使用されます。以下の表に従って、これら 3 つのフィールドを設定します。

        タイトル説明アイコン

        名前- Titleを入力します

        値の種類を 1 つ選択します。

        名前- Descriptionを入力します

        値の種類を 1 つ選択します。

        名前- Iconを入力

        ファイルの種類を 1 つ選択します。

        [特定のファイル タイプを受け入れる] > [画像]を選択します。

      これらの設定後、次の情報を含むProduct specオブジェクトを取得します。

    2. [メタオブジェクト]のエントリの追加Product spec

      管理ダッシュボード>コンテンツ[6] >メタオブジェクト[7] >製品仕様[8] >エントリ元: 製品仕様ウィンドウで、エントリの追加[9]をクリックします。

      「製品仕様の追加」ウィンドウが表示されます。たとえば、USB-C の場合、設定は次の図に示されています。

      • アイコン- 画像を選択します
      • タイトル- 「タイトル」のテキストを入力します。
      • 説明- 「説明」のテキストを入力します。

      同じプロセスに従い、エントリを追加し、追加する技術仕様エントリに必要な情報を挿入するだけです。

  2. [メタフィールド] Product iconsの作成

    1. [メタフィールド] Product iconsの作成

      管理者ダッシュボード>セットアップ アイコン[1] >カスタム データ[2] >製品[3] >定義の追加[4]

      これらをクリックすると、 「製品メタフィールド定義の追加」ウィンドウが表示されます。

      関数が正しく動作するためには、以下の指示どおりに入力する必要があります (上も含む)。

      • 名前[5] - Product icons
      • 名前空間とキー[6] - 参照用のcustom.product_icons

        注記:

        ここでは、任意の名前空間とキーを入力できますが、設定>製品タイトル>アイコン リスト>メタフィールド[メタフィールド]値と正確に一致する必要があります

      • タイプ[7] > Metaobjectを選択し、次のようにします。

        参考-製品仕様の選択

        リストエントリを選択します

      この手順を設定すると、次の設定のメタフィールド製品アイコンが表示されます。

    2. 製品アイコン [メタフィールド] を目的の製品に割り当てます。

      • 目的の製品設定に移動します。たとえば、 Flow Harmony Liz製品:

        管理ダッシュボード> PProducts [8] > Flow Harmony Liz [9]製品 > [メタフィールド] まで下にスクロールし、製品アイコン[10]をクリックします。

      • 「製品アイコン」メタフィールドをクリックすると、前のメタオブジェクトに追加したエントリを含むリスト[11]が表示されます。

        表示したいものを選択してください[12]

      • 「保存」をクリックします

  3. 設定[ブロック]アイコン一覧

    • 管理者ダッシュボード>オンライン ストア[1] >テーマ[2] > コンセプト テーマのカスタマイズ[3]

    • 製品のセクション[4]設定に移動します。この例では、[Flow Harmony Liz] 製品を例として説明します。

      製品情報[5] >ブロックの追加[6] >アイコン リスト[7]の下で。

    • このブロックは、以前に設定したメタフィールド [製品アイコン] に自動的に接続します。これは、このブロックを有効にした後、製品アイコンが自動的に表示されることを意味します。

      ブロック設定:

      • 見出し- ブロックの見出しのテキストを入力します。
      • デスクトップでカルーセルを有効にする- 必要に応じて、このオプションのオンとオフを切り替えます。
      • メディアの下に表示- 必要に応じて、このオプションのオンとオフを切り替えます。
    • 「保存」をクリックして終了します。

  4. アイコン リストの設定: コレクション ページに影響する

    このパートの内容は次のとおりです。 アイコン リストの設定は、[コレクション] ページの製品カードの表示に影響します。

    テーマカスタマイズ>テーマ設定>製品タイトル>アイコンリストで。

    • アイコン リストの表示- アイコン リスト ブロックのオン/オフを切り替えます。
    • 表示するアイコンの最大数- 各製品カードに表示されるアイコンの数を調整します。
    • デスクトップでカルーセルを有効にする- デスクトップでカルーセルのオン/オフを切り替えます (ホバー上でアイコンがスライドします)。

製品アイコンの設定は以上です。

さらに支援が必要です

コンセプト テーマに関して問題が発生した場合、または追加のサポートが必要な場合は、8 時間以内にチケット システムを通じてサポート担当者にご連絡ください。

以下の QR コードをスキャンして WhatsApp コミュニティに参加し、最新情報、ニュース、お知らせを入手してください。

WhatsApp でチャットする