Shopify Liquid 템플릿을 사용하여 메타 필드에서 JSON 덩어리에 액세스

Question

아래 예와 같이 Liquid에서 JSON에 액세스 할 수 있는지 알 수 있는지 궁금합니다.

나는 키 suppliers와 값으로, 네임 스페이스 suppliers_details와 공급 업체 페이지에 대한 metafield을 만들었습니다 템플릿에서

{ 
    name: "Supplier Name One", 
    address: "Supplier Address One" 
}, 
{ 
    name: "Supplier Name Two", 
    address: "Supplier Address Two" 
} 

내가 가진 :

{% assign suppliers = page.metafields.suppliers.suppliers %} 
{% for supplier in suppliers %} 
    <p>{{ supplier.name }}</p> 
    <p>{{ supplier.address }}</p> 
{% endfor %} 

이되지 않습니다 템플릿을 통해 반복 할 수있는 형식으로 데이터를 변경할 수 없기 때문에이 작업을 수행 할 수 있습니까?

건배

Answer 1

는 기본 방법을 액체를 사용하여 JSON을 구문 분석 또는 적어도 할 수있는 방법이 없습니다.

당신은 부분으로 분할하는 몇 가지 코드를 작성할 수 있지만 개체 체인 할 수 없습니다 :

{% capture string %}{name:"Supplier Name One",address:"Supplier Address One"},{name:"Supplier Name Two",address:"Supplier Address Two"}{% endcapture %} 

{% assign jsplit = string | replace: '},{', '@@' %} 
{% assign jsplit = jsplit | replace: '{' %} 
{% assign jsplit = jsplit | replace: '}' %} 
{% assign jsplit = jsplit | split: '@@' %} 

{% for json in jsplit %} 
    {% assign splitByComma = json | split: ',' %} 
    {% for comma in splitByComma %} 
    {% assign splitByDots = comma | split: ':' %} 
    <p>{{ splitByDots[1] }}</p> 
    {% endfor %} 
{% endfor %} 

당신이 원하는 결과를 얻을 수 있지만 같은 방법으로 당신은 그것을 상상.

가장 좋은 방법은 문자열을 Javascript로 전달하고 구문 분석 한 다음 JS를 통해 DOM을 채우는 것입니다.