Shopifyでの車両画像、メタフィールドに書き込まれ、Liquidからレンダリングされ、キーはアプリから出ません。

Shopifyはテンプレート言語と独自のサーバーを提供しません、これがこの統合の形を決めます。アプリやスケジュールされたジョブで車両を解決し、URLをメタフィールドとして保存し、Liquidが他のフィールドと同様にレンダリングするようにします。

LP shopify: hero1
LP shopify: hero2
LP shopify: s1

Liquidは読み取るべきで、取得するべきではありません

Liquidはリクエスト時にレンダリングされ、秘密を安全に保持する場所がありません。事前に解決し、結果を商品に保存して、ストアフロントがメタフィールドを読み取るようにします。

  • APIキーはアプリやジョブランナーの内部に残ります
  • ストアフロントのレンダリングには1つのメタフィールド読み取りがかかります
  • ストアフロントのJavaScriptもサードパーティスクリプトも不要

Shopify版の統合

ストアフロントの外で解決し、製品に保存、テーマからレンダリング

01
メタフィールドを定義する

1つの名前空間、レンダリングする角度ごとに1つのフィールド。車両仕様やVINは通常すでに商品に存在します。

02
ジョブで解決

スケジュールされたジョブまたはプライベートアプリが各商品を解決し、管理APIを通じてURLを書き戻します。

03
Liquidからレンダリング

テンプレートはメタフィールドから直接imgタグを出力し、セクションがレンダリングする幅を使用します。

04
カタログが変更されたときに更新

商品が作成されたり、車両データが変更されたりしたときに再解決し、タイマーで行わない

LP shopify: s2

フィットメントカタログに一貫したアートワークが得られます

車両のフィットメントで部品を販売する店舗は、部品の画像ではなく車両の画像が必要です。解決された画像は、フィルタリングされたコレクションページを1つのカタログのように読みやすくします。

  • フィットメントごとに同じ角度と照明
  • 透明なカットアウトはどのセクションの背景にも配置できます
  • 新しいモデルイヤーが撮影なしで登場

Shopifyでの車両画像の実践

Shopifyの直感は、動的なものを通常テーマが置く場所であるストアフロントスクリプトに手を伸ばすことです。しかし、車両画像の場合、それは間違った取引です—公開された場所にキーを置き、すべてのコレクションページにレンダリングブロックリクエストを追加し、テーマではなくジョブをデバッグすることになります。

メタフィールドにURLを書き込むことで、すべての作業をクリティカルパスから外します。解像度はカタログが変わるときに行われ、それはまれで、ストアフロントは得意なこと、つまりフィールドをテンプレートにレンダリングすることを行います。コレクションページは高速のまま、テーマはマーチャンダイザーが編集できるもののままです。

Shopifyチームがよく尋ねること

アプリストアにShopifyアプリがありますか?

現在ではありません。ほとんどのマーチャントは、管理APIに対してプライベートアプリまたはスケジュールされたジョブを実行し、統合を自社で管理しています。

LiquidからAPIを呼び出せますか?

いいえ、そうしたくありません。Liquidには秘密を安全に保持する方法がありません。事前に解決し、URLをメタフィールドとして保存します。

URLはどこに配置されますか?

レンダリングする角度ごとに、1つずつ商品のメタフィールドに。テーマは他の商品フィールドと同じようにそれらを読み取ります。

Shopifyの画像変換はどうですか?

これらはShopifyのファイルに適用されます。私たちのURLには幅とフォーマットのパラメータがすでに含まれているため、必要なサイズを直接リクエストしてください。

パーツやフィットメントストアにも対応していますか?

はい、これは一般的なケースです。車両画像はフィットメントを示し、商品は部品のままです。

ジョブはどのくらいの頻度で実行すべきですか?

商品が変わるとき。ほとんどのカタログには、新しい商品と更新された商品に対する夜間パスが十分です。

開発ストアで試してみてください

製品に車両データがどのように配置されているか、どのセクションに画像が表示されるか教えてください。解決されたURLとメタフィールドの計画をお返しします。

  • 角度ごとのメタフィールド構造
  • テーマセクション用のサイズ変更されたバリアント
  • 試用期間はフルカタログパスをカバーします
ありがとうございます。メッセージを受け取りましたので、設定に合わせた画像のURLをお返しします。
問題が発生しました。もう一度お試しいただくか、info@vehicleimagery.com までご連絡ください。

メタフィールドを埋める

製品データのサンプルを送ってください、解決されたURLをお見せします、書き戻す準備ができています。

通常、同じ営業日中