コードを使用しない3Dビューアーの設定

管理画面で3Dモデルを設定できます。その際にコードの編集は必要ありません。[商品] ページから、照明、背景色、露出レベル、ズーム、モデルの初期カメラビューを調整できます。

3Dモデルの編集

3Dモデルの 照明カメラビューを調整できます。3Dモデルエディタを利用するには、3Dモデルが設定されている商品を開きます。商品ページの [メディア] セクションまでスクロール市、画像の3Dアイコンをクリックします。

3Dモデルビュアーボタンがハイライトされた商品メディア

モデルの照明の編集

  1. 商品ページを開いて3Dモデルが設定されている商品を選択します。
  2. 商品の [メディア] までスクロールします。3Dモデルを探し、画像の3Dアイコンをクリックします。
  3. [ファイルを編集] をクリックします。デフォルトでは、[照明] 編集オプションが最初に読み込まれます。次の編集タイプを選択します。
  • [環境] には、画像に表示される影や反射を変更するフィルターがあらかじめ設定されています。いずれかのフィルターをクリックして、画像がどのように変わるかを確認してください。
  • [照明] を使用すると、3D画像の露出を変更できます。スライダーを使用して画像の露出を調整します。
  • [背景] で3D画像の背景色を変更します。[透明な背景を使用する] ボックスを選択して、画像の背景を透明にすることができます。カラーピッカーで画像の背景色を選択するか、カラーピッカーの下のフィールドに16進カラーコードを入力します。
  1. ファイルを編集した後で、[完了] をクリックして変更を保存するか、[リセット] をクリックして元の状態の画像に戻します。

モデルのカメラビューの編集

  1. 商品ページを開いて3Dモデルが設定されている商品を選択します。
  2. 商品の [メディア] までスクロールします。3Dモデルを探し、画像の3Dアイコンをクリックします。
  3. [ファイルを編集] をクリックします。[カメラ] アイコンをクリックして、モデルのビューオプションを読み込みます。
  4. 編集するタイプを選択します。
  • X回転角度を大きくしたり小さくしたりして、画像の [X回転] を変更します。
  • Y回転角度を大きくしたり小さくしたりして、画像の [Y回転] を変更します。
  • [ズーム] 倍率スライダーを使用して、画像を拡大できます。
  1. ファイルを編集した後で、[完了] をクリックして変更を保存するか、[リセット] をクリックして元の状態の画像に戻します。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す