如何從Shopify中的Metafield JSON創建級聯選擇列表？

Question

我們銷售汽車零部件，每個零件只適合某些年份，製造商，型號，子模型等。由於我們的變體超出Shopify的限制，因此我正在考慮爲每個零件添加一個metefield，以包含所有可能組合的JSON描述可用於該車輛。我想將這些數據解析爲產品頁面上的一系列級聯下拉選擇列表。使用下面的JSON示例，如果您在第一個選擇列表中選擇1973，則可以在第二個選擇列表中選擇Chevrolet或GMC。第三個列表將顯示可用模型，第四個選擇列表將允許用戶選擇公升等。

不幸的是，我不知道如何將這個JSON數據提供給產品液體中的選擇列表，我甚至不確定JSON格式是否正確。任何人都可以幫助我開始使用，或者將我引導至可幫助我學習在Shopify產品液體上顯示此數據的後續步驟的資源。再次請記住，這個JSON將被存儲在一個metafield中。

以下是metafield JSON的一個部分的一個例子：

{"VEHICLES":[{"Year":"1973","Make":"Chevrolet","Model":"K20 Pickup","Submodel":"","Liter":"4.1"},{"Year":"1973","Make":"Chevrolet","Model":"K20 Pickup","Submodel":"","Liter":"4.8"},{"Year":"1973","Make":"Chevrolet","Model":"K20 Pickup","Submodel":"","Liter":"5.0"},{"Year":"1973","Make":"Chevrolet","Model":"K20 Pickup","Submodel":"","Liter":"5.7"},{"Year":"1973","Make":"Chevrolet","Model":"K20 Pickup","Submodel":"","Liter":"7.4"},{"Year":"1973","Make":"Chevrolet","Model":"K30 Pickup","Submodel":"","Liter":"4.1"},{"Year":"1973","Make":"Chevrolet","Model":"K30 Pickup","Submodel":"","Liter":"4.8"},{"Year":"1973","Make":"Chevrolet","Model":"K30 Pickup","Submodel":"","Liter":"5.0"},{"Year":"1973","Make":"Chevrolet","Model":"K30 Pickup","Submodel":"","Liter":"5.7"},{"Year":"1973","Make":"Chevrolet","Model":"K30 Pickup","Submodel":"","Liter":"7.4"},{"Year":"1973","Make":"GMC","Model":"K25/K2500 Pickup","Submodel":"","Liter":"4.1"},{"Year":"1973","Make":"GMC","Model":"K25/K2500 Pickup","Submodel":"","Liter":"4.8"},{"Year":"1973","Make":"GMC","Model":"K25/K2500 Pickup","Submodel":"","Liter":"5.7"},{"Year":"1973","Make":"GMC","Model":"K25/K2500 Pickup","Submodel":"","Liter":"7.4"},{"Year":"1973","Make":"GMC","Model":"K35/K3500 Pickup","Submodel":"","Liter":"4.1"},{"Year":"1973","Make":"GMC","Model":"K35/K3500 Pickup","Submodel":"","Liter":"4.8"},{"Year":"1973","Make":"GMC","Model":"K35/K3500 Pickup","Submodel":"","Liter":"5.0"},{"Year":"1973","Make":"GMC","Model":"K35/K3500 Pickup","Submodel":"","Liter":"5.0"},{"Year":"1973","Make":"GMC","Model":"K35/K3500 Pickup","Submodel":"","Liter":"5.7"},{"Year":"1973","Make":"GMC","Model":"K35/K3500 Pickup","Submodel":"","Liter":"7.4"},]} 

Answer 1

爲了達到你想要什麼，你JSON結構也應該是在同一個水平，你描述的更容易。

已安排這樣的數據：

var Vehicles = { 
    'Years' : ['1973'], 
    '1973' : { 
     'Make' : ['Chevrolet', 'GMC'], 
     'Chervolet' : { 
      'Models' : ['K20 Pickup', 'K30 Pickup'], 
      'K20 Pickup' : { 
       'Liters' : ['4.1', '4.8', '5.0', '5.7', '7.4'], 
       '4.1' : '<link>', 
       '4.8' : '<link>', 
       '5.0' : '<link>', 
       '5.7' : '<link>', 
       '7.4' : '<link>' 
      }, 
      'K30 Pickup' : { 
       'Liters' : ['4.1', '4.8', '5.0', '5.7', '7.4'], 
       '4.1' : '<link>', 
       '4.8' : '<link>', 
       '5.0' : '<link>', 
       '5.7' : '<link>', 
       '7.4' : '<link>' 
      } 
     }, 
     'GMC' : { 
      'Models' : ['K25/K2500 Pickup', 'K35/K3500 Pickup'], 
      'K25/K2500 Pickup' : { 
       'Liters' : ['4.1', '4.8', '5.0', '5.7', '7.4'], 
       '4.1' : '<link>', 
       '4.8' : '<link>', 
       '5.0' : '<link>', 
       '5.7' : '<link>', 
       '7.4' : '<link>' 
      }, 
      'K35/K3500 Pickup' : { 
       'Liters' : ['4.1', '4.8', '5.0', '5.7', '7.4'], 
       '4.1' : '<link>', 
       '4.8' : '<link>', 
       '5.0' : '<link>', 
       '5.7' : '<link>', 
       '7.4' : '<link>' 
      } 
     } 
    } 
} 

它會更容易跟蹤結構，也檢索的字段。例如，當某人選擇「Chervolet」時，您只需從Vehicles['1973']['Chervolet']['Models']獲取值以填充第三個下拉列表。

P.S.有一種方法可以直接調用每個JSON對象中的「鍵」，但是我沒有很好的成功率，所以我無法給出建議。