Mẫu vé xem sự kiện

Vé xem sự kiện hỗ trợ việc hiển thị mẫu. Nếu không có mẫu nào được xác định, thì mẫu mặc định sẽ được dùng.

Định nghĩa mẫu

Mẫu thẻ và vé được xác định ở cấp lớp và được dùng để hiển thị mọi đối tượng được liên kết với lớp đó. Mẫu này xác định những trường cần hiển thị trong các phần khác nhau của thẻ và vé.

Mẫu này được chia thành các phần sau:

Android

Tổng quan về các phần và vị trí bố cục mẫu thẻ và vé

Web

Tổng quan về các phần và vị trí bố cục mẫu thẻ và vé

Tiêu đề thẻ

Android

Các phần tử bố cục tiêu đề thẻ và vị trí trường Tiêu đề thẻ mặc định
  1. class.logo
  2. class.localizedIssuerName
    hoặc class.issuerName
  3. class.eventName
  4. class.venue.name
  5. object.hexBackgroundColor
    hoặc class.hexBackgroundColor

Tiêu đề thẻ biểu trưng có chiều rộng lớn
  1. class.wideLogo
  2. class.eventName
  3. class.venue.name
  4. object.hexBackgroundColor
    hoặc class.hexBackgroundColor

Web

Các phần tử bố cục tiêu đề thẻ và vị trí trường Tiêu đề thẻ mặc định
  1. class.logo
  2. class.localizedIssuerName
    hoặc class.issuerName
  3. class.eventName
  4. class.venue.name
  5. object.hexBackgroundColor
    hoặc class.hexBackgroundColor

Tiêu đề thẻ biểu trưng có chiều rộng lớn
  1. class.wideLogo
  2. class.eventName
  3. class.venue.name
  4. object.hexBackgroundColor
    hoặc class.hexBackgroundColor

Phần tiêu đề thẻ hiển thị biểu trưng, tên sự kiện và địa điểm tổ chức sự kiện. Bạn không thể thay đổi cả các giá trị tham chiếu trường được dùng để điền sẵn các trường này lẫn vị trí của chúng.

Khi trường biểu trưng rộng được đặt, trên các thiết bị Android, tiêu đề mẫu mặc định có biểu trưng và tên của tổ chức phát hành sẽ được thay thế bằng biểu trưng rộng.

Hãy tuân theo các nguyên tắc dành cho hình ảnh biểu trưng dạng ngang khi tạo biểu trưng dạng ngang cho tiêu đề để hiển thị hình ảnh một cách tối ưu trên thẻ và vé.

Mẫu thẻ

Android

Các phần tử bố cục hàng của mẫu thẻ và vị trí trường

Web

Các phần tử bố cục hàng của mẫu thẻ và vị trí trường

Phần mẫu thẻ được dùng để hiển thị các hàng bổ sung. Các hàng này có thể chứa các trường dữ liệu có cấu trúc dựa trên văn bản hoặc các trường mô-đun văn bản.

Bạn có thể chỉ định số lượng hàng xác định số lượng đối tượng trong danh sách class.classTemplateInfo.cardTemplateOverride.cardRowTemplateInfos[]. Danh sách này cần có ít nhất một phần tử và bạn nên sử dụng tối đa hai phần tử. Mỗi phần tử phải thuộc một trong các loại sau:

  • oneItem, chấp nhận một mục:
    • item
  • twoItems, chấp nhận 2 mục:
    • startItem
    • endItem
  • threeItems, chấp nhận 3 mục:
    • startItem
    • middleItem
    • endItem

Bạn có thể xác định mỗi mục là một bộ chọn trường duy nhất (.firstValue), hai bộ chọn trường (.firstValue.secondValue) hoặc một mục được xác định trước (.predefinedItem). Cả giá trị của trường đã chọn và nhãn tương ứng đều được hiển thị. Khi bạn xác định hai bộ chọn trường, các giá trị của các trường được chọn sẽ xuất hiện với dấu phân cách "/". Điều này cũng áp dụng cho nhãn của các trường đã chọn. Các mục được xác định trước dùng để xác định quá trình kết xuất phức tạp hơn.

Mã mẫu sau đây cho thấy cách ghi đè các phần hàng thẻ của mẫu thẻ để chỉ định 2 hàng. Mỗi hàng có 3 mục, mỗi mục tham chiếu đến 6 trường tuỳ chỉnh textModuleData ở cấp lớp và tiêu đề của các trường đó dưới dạng nhãn:

Python

 {
   ... //Rest of class
   "textModulesData": [
        {
            "header": "Label 1",
            "body": "Some info 1",
            "id": "myfield1"
        },
        {
            "header": "Label 2",
            "body": "Some info 2",
            "id": "myfield2"
        },
        {
            "header": "Label 3",
            "body": "Some info 3",
            "id": "myfield3"
        },
        {
            "header": "Label 4",
            "body": "Some info 4",
            "id": "myfield4"
        },
        {
            "header": "Label 5",
            "body": "Some info 5",
            "id": "myfield5"
        },
        {
            "header": "Label 6",
            "body": "Some info 6",
            "id": "myfield6"
        }
    ],
   "classTemplateInfo": {
        "cardTemplateOverride": {
            "cardRowTemplateInfos": [{
                "threeItems": {
                    "startItem": {
                        "firstValue": {
                            "fields": [{
                                "fieldPath": "class.textModulesData['myfield1']"
                            }]
                        }
                    },
                    "middleItem": {
                        "firstValue": {
                            "fields": [{
                                "fieldPath": "class.textModulesData['myfield2']"
                            }]
                        }
                    },
                    "endItem": {
                        "firstValue": {
                            "fields": [{
                                "fieldPath": "class.textModulesData['myfield3']"
                            }]
                        }
                    },
                }
            },{
                "threeItems": {
                    "startItem": {
                        "firstValue": {
                            "fields": [{
                                "fieldPath": "class.textModulesData['myfield4']"
                            }]
                        }
                    },
                    "middleItem": {
                        "firstValue": {
                            "fields": [{
                                "fieldPath": "class.textModulesData['myfield5']"
                            }]
                        }
                    },
                    "endItem": {
                        "firstValue": {
                            "fields": [{
                                "fieldPath": "class.textModulesData['myfield6']"
                            }]
                        }
                    },
                }
            }]
        }
    }
}
    

Java

// Rest of class
  .setTextModulesData((new ArrayList<TextModuleData>() {
    {
      add((new TextModuleData()).setHeader("Label 1")
        .setBody("Some info 1")
        .setId("myfield1"));
      add((new TextModuleData()).setHeader("Label 2")
        .setBody("Some info 1")
        .setId("myfield2"));
      add((new TextModuleData()).setHeader("Label 3")
        .setBody("Some info 3")
        .setId("myfield3"));
      add((new TextModuleData()).setHeader("Label 4")
        .setBody("Some info 4")
        .setId("myfield4"));
      add((new TextModuleData()).setHeader("Label 5")
        .setBody("Some info 5")
        .setId("myfield5"));
      add((new TextModuleData()).setHeader("Label 6")
        .setBody("Some info 5")
        .setId("myfield6"));
    }
  }))
  .setClassTemplateInfo((new ClassTemplateInfo())
    .setCardTemplateOverride((new CardTemplateOverride())
      .setCardRowTemplateInfos(new ArrayList<CardRowTemplateInfo>() {
        {
          add((new CardRowTemplateInfo()).setThreeItems((new CardRowThreeItems())
            .setStartItem((new TemplateItem()).setFirstValue((new FieldSelector()).setFields(new ArrayList<FieldReference>(){
              {
                add((new FieldReference()).setFieldPath("class.textModulesData['myfield1']"));
              }
            })))
            .setMiddleItem((new TemplateItem()).setFirstValue((new FieldSelector()).setFields(new ArrayList<FieldReference>(){
              {
                add((new FieldReference()).setFieldPath("class.textModulesData['myfield2']"));
              }
            })))
            .setEndItem((new TemplateItem()).setFirstValue((new FieldSelector()).setFields(new ArrayList<FieldReference>(){
              {
                add((new FieldReference()).setFieldPath("class.textModulesData['myfield3']"));
              }
            })))
          ));
          add((new CardRowTemplateInfo()).setThreeItems((new CardRowThreeItems())
            .setStartItem((new TemplateItem()).setFirstValue((new FieldSelector()).setFields(new ArrayList<FieldReference>(){
              {
                add((new FieldReference()).setFieldPath("class.textModulesData['myfield4']"));
              }
            })))
            .setMiddleItem((new TemplateItem()).setFirstValue((new FieldSelector()).setFields(new ArrayList<FieldReference>(){
              {
                add((new FieldReference()).setFieldPath("class.textModulesData['myfield5']"));
              }
            })))
            .setEndItem((new TemplateItem()).setFirstValue((new FieldSelector()).setFields(new ArrayList<FieldReference>(){
              {
                add((new FieldReference()).setFieldPath("class.textModulesData['myfield6']"));
              }
            })))
          ));
          }
  })))
    

PHP

// Rest of class
    $textModulesData1 = new Google_Service_Walletobjects_TextModuleData();
    $textModulesData1->setBody("Some info 1");
    $textModulesData1->setHeader("Label 1");
    $textModulesData1->setId("myfield1");

    $textModulesData2 = new Google_Service_Walletobjects_TextModuleData();
    $textModulesData2->setBody("Some info 2");
    $textModulesData2->setHeader("Label 2");
    $textModulesData2->setId("myfield2");

    $textModulesData3 = new Google_Service_Walletobjects_TextModuleData();
    $textModulesData3->setBody("Some info 3");
    $textModulesData3->setHeader("Label 3");
    $textModulesData3->setId("myfield3");

    $textModulesData4 = new Google_Service_Walletobjects_TextModuleData();
    $textModulesData4->setBody("Some info 4");
    $textModulesData4->setHeader("Label 4");
    $textModulesData4->setId("myfield4");

    $textModulesData5 = new Google_Service_Walletobjects_TextModuleData();
    $textModulesData5->setBody("Some info 5");
    $textModulesData5->setHeader("Label 5");
    $textModulesData5->setId("myfield5");

    $textModulesData6 = new Google_Service_Walletobjects_TextModuleData();
    $textModulesData6->setBody("Some info 6");
    $textModulesData6->setHeader("Label 6");
    $textModulesData6->setId("myfield6");

    $textModulesDatas = array($textModulesData1, $textModulesData2, $textModulesData3,
                  $textModulesData4, $textModulesData5, $textModulesData6);

    $startItemField = new Google_Service_Walletobjects_FieldReference();
    $startItemField->setFieldPath("class.textModulesData['myfield1']");

    $startItemFirstValue = new Google_Service_Walletobjects_FieldSelector();
    $startItemFirstValue->setFields(array($startItemField));

    $startItem = new Google_Service_Walletobjects_TemplateItem();
    $startItem->setFirstValue($startItemFirstValue);

    $middleItemField = new Google_Service_Walletobjects_FieldReference();
    $middleItemField->setFieldPath("class.textModulesData['myfield2']");

    $middleItemFirstValue = new Google_Service_Walletobjects_FieldSelector();
    $middleItemFirstValue->setFields(array($middleItemField));

    $middleItem = new Google_Service_Walletobjects_TemplateItem();
    $middleItem->setFirstValue($middleItemFirstValue);

    $endItemField = new Google_Service_Walletobjects_FieldReference();
    $endItemField->setFieldPath("class.textModulesData['myfield3']");

    $endItemFirstValue = new Google_Service_Walletobjects_FieldSelector();
    $endItemFirstValue->setFields(array($endItemField));

    $endItem = new Google_Service_Walletobjects_TemplateItem();
    $endItem->setFirstValue($endItemFirstValue);

    $cardRowTemplate = new Google_Service_Walletobjects_CardRowThreeItems();
    $cardRowTemplate->setStartItem($startItem);
    $cardRowTemplate->setMiddleItem($middleItem);
    $cardRowTemplate->setEndItem($endItem);

    $cardRowTemplateInfo1 = new Google_Service_Walletobjects_CardRowTemplateInfo();
    $cardRowTemplateInfo1->setThreeItems($cardRowTemplate);

    $startItemField2 = new Google_Service_Walletobjects_FieldReference();
    $startItemField2->setFieldPath("class.textModulesData['myfield4']");

    $startItemFirstValue2 = new Google_Service_Walletobjects_FieldSelector();
    $startItemFirstValue2->setFields(array($startItemField2));

    $startItem2 = new Google_Service_Walletobjects_TemplateItem();
    $startItem2->setFirstValue($startItemFirstValue2);

    $middleItemField2 = new Google_Service_Walletobjects_FieldReference();
    $middleItemField2->setFieldPath("class.textModulesData['myfield5']");

    $middleItemFirstValue2 = new Google_Service_Walletobjects_FieldSelector();
    $middleItemFirstValue2->setFields(array($middleItemField2));

    $middleItem2 = new Google_Service_Walletobjects_TemplateItem();
    $middleItem2->setFirstValue($middleItemFirstValue2);

    $endItemField2 = new Google_Service_Walletobjects_FieldReference();
    $endItemField2->setFieldPath("class.textModulesData['myfield6']");

    $endItemFirstValue2 = new Google_Service_Walletobjects_FieldSelector();
    $endItemFirstValue2->setFields(array($endItemField2));

    $endItem2 = new Google_Service_Walletobjects_TemplateItem();
    $endItem2->setFirstValue($endItemFirstValue2);

    $cardRowTemplate2 = new Google_Service_Walletobjects_CardRowThreeItems();
    $cardRowTemplate2->setStartItem($startItem2);
    $cardRowTemplate2->setMiddleItem($middleItem2);
    $cardRowTemplate2->setEndItem($endItem2);

    $cardRowTemplateInfo2 = new Google_Service_Walletobjects_CardRowTemplateInfo();
    $cardRowTemplateInfo2->setThreeItems($cardRowTemplate2);

    $cardTemplateOverride = new Google_Service_Walletobjects_CardTemplateOverride();
    $cardTemplateOverride->setCardRowTemplateInfos(array($cardRowTemplateInfo1,
                  $cardRowTemplateInfo2));

    $classTemplateInfo = new Google_Service_Walletobjects_ClassTemplateInfo();
    $classTemplateInfo->setCardTemplateOverride($cardTemplateOverride);

    $payload->setTextModulesData($textModulesDatas);
    $payload->setClassTemplateInfo($classTemplateInfo);
    

Đoạn mã này tạo một thẻ và có định dạng phần mẫu mã như sau:

Ví dụ về việc ghi đè nhãn.

Nếu một mục trống, thì mục đó sẽ không xuất hiện. Để biết thêm chi tiết, hãy xem phần Tài liệu tham khảo về trường. Nếu tất cả các mục trong một hàng đều trống, thì hàng đó sẽ không xuất hiện. Nếu một số nhưng không phải tất cả các mục trong một hàng đều trống, thì các mục không trống sẽ được sắp xếp lại và hiển thị dưới dạng một hàng có ít mục hơn.

Nếu bạn không ghi đè mẫu thẻ, thì số hàng mặc định, số lượng mục mặc định và các giá trị tham chiếu trường mặc định sẽ được sử dụng. Để biết thêm thông tin, hãy xem phần Mẫu mặc định.

Sau khi bạn xác định một Hình ảnh chính, hình ảnh đó có thể xuất hiện sau hàng đầu tiên (nếu có nhiều hàng trong danh sách cardRowTemplateInfos) hoặc phía trên hàng (nếu chỉ có một hàng).

Mã vạch của thẻ

Android

Các phần tử và vị trí trong bố cục mã vạch trên thẻ
  1. class.classTemplateInfo
      .cardBarcodeSectionDetails
      .firstTopDetail
  2. class.classTemplateInfo
      .cardBarcodeSectionDetails
      .secondTopDetail
  3. object.barcode.typeobject.barcode.value
    hoặc object.ticketNumber
  4. object.barcode.alternateText
  5. class.classTemplateInfo
      .cardBarcodeSectionDetails
      .firstBottomDetail
  6. object.heroImage
    hoặc class.heroImage

Web

Các phần tử và vị trí trong bố cục mã vạch trên thẻ
  1. class.classTemplateInfo
      .cardBarcodeSectionDetails
      .firstTopDetail
  2. class.classTemplateInfo
      .cardBarcodeSectionDetails
      .secondTopDetail
  3. object.barcode.typeobject.barcode.value
    hoặc object.ticketNumber
  4. object.barcode.alternateText
  5. class.classTemplateInfo
      .cardBarcodeSectionDetails
      .firstBottomDetail

Phần mã vạch của thẻ được dùng để hiển thị văn bản hoặc hình ảnh bổ sung trước và sau mã vạch. Không có trường nào trong mục này là bắt buộc.

Có 3 bộ chọn trường mà bạn có thể dùng để xác định 2 trường song song đứng trước và 1 trường đứng sau mã vạch. Những trường này xuất hiện mà không có nhãn và có thể là các trường dữ liệu có cấu trúc dựa trên văn bản, các trường mô-đun văn bản hoặc các trường mô-đun hình ảnh. Nếu bạn sử dụng hình ảnh, thì hình ảnh đó phải tuân thủ nguyên tắc sử dụng thương hiệu.

Mã vạch được xác định bằng một loại và một giá trị. Để biết danh sách các loại mã vạch được hỗ trợ, hãy xem phần Tài liệu tham khảo. Ngoài ra, văn bản có thể xuất hiện ngay bên dưới mã vạch. Văn bản này có thể giúp bạn dễ dàng quét mã vạch, trong số những mục đích sử dụng khác.

Mã mẫu sau đây cho thấy cách ghi đè phần mã vạch của thẻ để hiển thị hình ảnh phía trên mã vạch:

Python

#... rest of class
    "imageModulesData": [
        {
            "mainImage": {
                "sourceUri": {
                    "uri":  "http://farm4.staticflickr.com/3738/12440799783_3dc3c20606_b.jpg",
                    "description": "Coffee"
                }
            },
            "id": "myimage"
        }
    ],
    "classTemplateInfo": {
        "cardBarcodeSectionDetails": {
            "firstTopDetail": {
                "fieldSelector": {
                    "fields": [
                        {
                        "fieldPath": "class.imageModulesData['myimage'].mainImage"
                        }
                    ]
                }
            }
        }
    }
}
    

Java

//... rest of class
  .setImageModulesData((new ArrayList<ImageModuleData>() {
    {
      add((new ImageModuleData())
        .setId("myimage")
        .setMainImage((new Image()).setSourceUri((new ImageUri()).setDescription("Coffee beans")
          .setUri("http://farm4.staticflickr.com/3738/12440799783_3dc3c20606_b.jpg"))));
        }
      }))
      .setClassTemplateInfo((new ClassTemplateInfo())
        .setCardBarcodeSectionDetails((new CardBarcodeSectionDetails())
          .setFirstTopDetail((new BarcodeSectionDetail())
            .setFieldSelector((new FieldSelector())
              .setFields((new ArrayList<FieldReference>(){
                {
                  add((new FieldReference()).setFieldPath("class.imageModulesData['myimage'].mainImage"));
                }
            })))))
      }
    

PHP

//... rest of class
    $imageUri = new Google_Service_Walletobjects_ImageUri();
    $imageUri->setUri("https://farm8.staticflickr.com/7340/11177041185_a61a7f2139_o.jpg");
    $imageUri->setDescription("Baconrista flights image");
    $image = new Google_Service_Walletobjects_Image();
    $image->setSourceUri($imageUri);
    $imageModulesData = new Google_Service_Walletobjects_ImageModuleData();
    $imageModulesData->setMainImage($image);
            $imageModulesData->setId("myimage");

    $cardBarcodeFieldReference = new Google_Service_Walletobjects_FieldReference();
    $cardBarcodeFieldReference->setFieldPath("class.imageModulesData['myimage'].mainImage");

    $cardBarcodeFieldSelector = new Google_Service_Walletobjects_FieldSelector();
    $cardBarcodeFieldSelector->setFields(array($cardBarcodeFieldReference));

    $cardBarcodeDetail = new Google_Service_Walletobjects_BarcodeSectionDetail();
    $cardBarcodeDetail->setFieldSelector($cardBarcodeFieldSelector);

    $cardBarcodeSectionDetails = new Google_Service_Walletobjects_CardBarcodeSectionDetails();
    $cardBarcodeSectionDetails->setFirstTopDetail($cardBarcodeDetail);

    $classTemplateInfo = new Google_Service_Walletobjects_ClassTemplateInfo();
    $classTemplateInfo->setCardBarcodeSectionDetails($cardBarcodeSectionDetails);

    $payload->setClassTemplateInfo($classTemplateInfo);
            $payload->setImageModuleData($imageModulesData);
    

Mã này tạo một thẻ có định dạng phần mã vạch như sau:

Ví dụ về một mã vạch thẻ ghi đè.

Nếu bạn không ghi đè phần mã vạch, hệ thống sẽ sử dụng các trường mã vạch mặc định. Để biết thêm thông tin, hãy xem phần Mẫu mặc định.

Phần dưới cùng

Android

Các mục và phần dưới cùng của mẫu chi tiết
  • class.classTemplateInfo.detailsTemplateOverride
      .detailsItemInfos[0].item
  • class.classTemplateInfo.detailsTemplateOverride
      .detailsItemInfos[1].item
  • class.classTemplateInfo.detailsTemplateOverride
      .detailsItemInfos[2].item
  • class.classTemplateInfo.detailsTemplateOverride
      .detailsItemInfos[3].item
  • ...

Web

Các mục và phần dưới cùng của mẫu chi tiết
  • class.classTemplateInfo.detailsTemplateOverride
      .detailsItemInfos[0].item
  • class.classTemplateInfo.detailsTemplateOverride
      .detailsItemInfos[1].item
  • class.classTemplateInfo.detailsTemplateOverride
      .detailsItemInfos[2].item
  • class.classTemplateInfo.detailsTemplateOverride
      .detailsItemInfos[3].item
  • ...

Phần dưới cùng là danh sách các mục class.classTemplateInfo.detailsTemplateOverride.detailsItemInfos[]. Các mục có thể chứa mọi loại trường dữ liệu có cấu trúc, trường mô-đun văn bản, trường mô-đun đường liên kết, trường mô-đun hình ảnh hoặc thông báo.

Mỗi mục có thể được xác định là một bộ chọn trường duy nhất (.firstValue), hai bộ chọn trường (.firstValue.secondValue) hoặc một mục được xác định trước (.predefinedItem). Cả giá trị của trường đã chọn và nhãn tương ứng đều được hiển thị. Khi bạn xác định hai bộ chọn trường, các giá trị của các trường được chọn sẽ xuất hiện với dấu phân cách "/". Điều này cũng áp dụng cho nhãn của các trường đã chọn. Các mục được xác định trước dùng để xác định quá trình kết xuất phức tạp hơn. Các trường của mô-đun hình ảnh được hiển thị ở chiều rộng tối đa mà không có nhãn.

Mã mẫu sau đây cho thấy cách ghi đè phần dưới cùng của thẻ và chỉ hiển thị một trường linksModuleData duy nhất cùng với nhãn của trường đó:

Python

//... rest of class
   "linksModuleData": {
        "uris": [
            {
                "uri": "http://maps.google.com/",
                "description": "Nearby Locations",
                "id":"mylink"
            }
        ]
    },
   "classTemplateInfo": {
        "detailsTemplateOverride": {
            "detailsItemInfos": [
                {
                    "item":{
                        "firstValue": {
                            "fields": [{
                                "fieldPath": "class.linksModuleData.uris['mylink']"
                            }]
                        }
                    }
                }
            ]
        }
     }
//... rest of class
    

Java

 //... rest of class
  .setLinksModuleData((new ArrayList<LinksModuleData>() {
    {
      add((new LinksModuleData()).setDescription("Nearby Locations")
        .setUri("http://maps.google.com/")
        .setId("mylink"));
      }))
      .setClassTemplateInfo((new ClassTemplateInfo())
        .setDetailsTemplateOverride((new DetailsTemplateOverride())
          .setDetailsItemInfos(new ArrayList<DetailsItemInfo>(){
            {
              add((new DetailsItemInfo())
                .setItem((new TemplateItem()).setFirstValue((new FieldSelector()).setFields(new ArrayList<FieldReference>(){
                  {
                    add((new FieldReference()).setFieldPath("class.linksModuleData.uris['mylink']"));
                  }
                }))));
              }
            }))
//... rest of class
    

PHP

    //... rest of class building
    $locationUri = new Google_Service_Walletobjects_Uri();
    $locationUri->setUri("http://maps.google.com/");
    $locationUri->setDescription("Nearby Locations");
    $locationUri->setId("mylink");

    $linksModuleData = new Google_Service_Walletobjects_LinksModuleData();
    $linksModuleData->setUris(array($locationUri));

    $detailItemFieldReference = new Google_Service_Walletobjects_FieldReference();
    $detailItemFieldReference->setFieldPath("class.linksModuleData.uris['mylink']");
    $detailItemFieldSelector = new Google_Service_Walletobjects_FieldSelector();
    $detailItemFieldSelector->setFields(array($detailItemFieldReference));

    $detailItem = new Google_Service_Walletobjects_TemplateItem();
    $detailItem->setFirstValue($detailItemFieldSelector);

    $detailsItemInfo = new Google_Service_Walletobjects_DetailsItemInfo();
    $detailsItemInfo->setItem($detailItem);

    $cardDetailsTemplateOverride = new Google_Service_Walletobjects_DetailsTemplateOverride();
    $cardDetailsTemplateOverride->setDetailsItemInfos(array($detailsItemInfo));

    $classTemplateInfo = new Google_Service_Walletobjects_ClassTemplateInfo();
    $classTemplateInfo->setDetailsTemplateOverride($cardDetailsTemplateOverride);

    $payload->setClassTemplateInfo($classTemplateInfo);
    $payload->setLinksModuleData($linksModuleData);
    //... rest of class
    

Mã này tạo một thẻ và có định dạng phần dưới cùng như sau:

Ví dụ về việc ghi đè phần dưới cùng.

Nếu một mục trống, thì mục đó sẽ không xuất hiện. Để biết thêm chi tiết, hãy xem phần Tài liệu tham khảo về trường.

Nếu bạn không ghi đè phần dưới cùng, danh sách mặc định gồm các trường tham chiếu theo thứ tự mặc định sẽ xuất hiện. Để biết thêm thông tin, hãy xem phần Mẫu mặc định.

Mẫu danh sách

Các phần tử mẫu danh sách
  1. class.classTemplateInfo.listTemplateOverride
      .firstRowOption.fieldOption.fields[]
  2. class.dateTime.start (đã nhóm)
    hoặc class.classTemplateInfo.listTemplateOverride
      .secondRowOption.fields[]
  3. class.logo
  4. object.hexBackgroundColor
    hoặc class.hexBackgroundColor
  5. <# passes> (được nhóm)

Phần mẫu danh sách được dùng để chọn trường cần hiển thị trong chế độ xem "Thẻ và vé" của ứng dụng Google Wallet. Thẻ và vé được biểu thị trong danh sách bằng biểu trưng, màu nền và 3 hàng.

Mẫu mã sau đây cho biết cách ghi đè mẫu danh sách của thẻ và vé để hiện trường ngày hết hạn của một đối tượng thẻ và vé trong hàng đầu tiên của mẫu danh sách:

Python

#... rest of class definition
   "classTemplateInfo": {
        "listTemplateOverride":{
            "firstRowOption": {
                "fieldOption":{
                    "fields": [{
                        "fieldPath": "object.validTimeInterval.end"
                    }]
                }
            }
        }
   }
}
    

Java

//... rest of class
  .setClassTemplateInfo((new ClassTemplateInfo())
    .setListTemplateOverride((new ListTemplateOverride())
      .setFirstRowOption((new FirstRowOption())
        .setFieldOption((new FieldSelector()).setFields(new ArrayList<FieldReference>(){
          {
            add((new FieldReference()).setFieldPath("object.validTimeInterval.end"));
          }
        }))))
//... rest of class
    

PHP

    //... rest of class
    $fieldReference = new Google_Service_Walletobjects_FieldReference();
    $fieldReference->setFieldPath("object.validTimeInterval.end");

    $fieldOption = new Google_Service_Walletobjects_FieldSelector();
    $fieldOption->setFields(array($fieldReference));

    $firstRowOption = new Google_Service_Walletobjects_FirstRowOption();
    $firstRowOption->setFieldOption($fieldOption);

    $listTemplateOverride = new Google_Service_Walletobjects_ListTemplateOverride();
    $listTemplateOverride->setFirstRowOption($firstRowOption);

    $classTemplateInfo = new Google_Service_Walletobjects_ClassTemplateInfo();
    $classTemplateInfo->setListTemplateOverride($listTemplateOverride);

    $payload->setClassTemplateInfo($classTemplateInfo);
    //... rest of class
    

Mã này tạo một thẻ và hiển thị mẫu danh sách sau:

Ví dụ về một danh sách ghi đè.

Bạn có thể xác định 3 hàng bằng bộ chọn trường. Các trường này sẽ xuất hiện mà không có nhãn. Đối với thẻ và vé được nhóm, hàng thứ hai luôn cho biết ngày bắt đầu và hàng thứ ba luôn cho biết số lượng thẻ và vé được nhóm.

Nhãn

Tất cả các trường dữ liệu có cấu trúc đều có nhãn do Google cung cấp. Google chịu trách nhiệm cung cấp bản dịch cho từng nhãn này bằng tất cả ngôn ngữ được hỗ trợ.

Bạn có thể tuỳ chỉnh một số nhãn này bằng một trong các trường class.custom<name_of_the_field>Label. Khi tuỳ chỉnh nhãn, bạn sẽ chịu trách nhiệm cung cấp bản dịch cho nhãn cụ thể đó bằng tất cả ngôn ngữ mà bạn muốn hỗ trợ.

Tài liệu tham khảo về trường

Các tham chiếu trường được dùng trong nhiều phần của mẫu có dạng class.classTemplateInfo.*.fields[]. Tham chiếu trường chứa danh sách các đường dẫn đến trường dữ liệu có cấu trúc, trường mô-đun văn bản, trường mô-đun đường liên kết, trường mô-đun hình ảnh hoặc thông báo.

Không phải loại đường dẫn nào cũng được phép sử dụng trong mọi thông tin tham chiếu về trường. Ví dụ: một số tham chiếu trường chỉ cho phép đường dẫn đến các trường dữ liệu có cấu trúc dựa trên văn bản hoặc các trường mô-đun văn bản. Các trường có cấu trúc dựa trên văn bản là các trường dữ liệu có cấu trúc thuộc loại chuỗi, chuỗi được bản địa hoá, ngày hoặc tiền tệ.

Bạn có thể dùng danh sách này để triển khai logic dự phòng. Điều này có nghĩa là nếu đường dẫn đầu tiên trong danh sách phân giải thành một trường trống, thì đường dẫn tiếp theo sẽ được đánh giá. Logic dự phòng chủ yếu nhắm đến các trường dữ liệu có cấu trúc dựa trên văn bản hoặc các trường mô-đun văn bản. Không kết hợp các loại trường khác nhau trong cùng một danh sách. Hãy thận trọng khi sử dụng logic dự phòng và chỉ sử dụng trong những trường hợp cụ thể khi bạn dự kiến sẽ có một mẫu nhất quán về các trường có trong một số đối tượng nhưng không có trong các đối tượng khác. Hầu hết thời gian, bạn nên tạo các lớp riêng biệt cho các trường hợp sử dụng riêng biệt.

Nếu tất cả các đường dẫn trong danh sách tham chiếu trường đều phân giải thành các trường trống, thì mục sử dụng tham chiếu trường sẽ không xuất hiện. Nếu bạn muốn mặt hàng sử dụng giá trị tham chiếu trường luôn xuất hiện, hãy đảm bảo rằng ít nhất một đường dẫn không bị trống. Bạn nên đặt một trường thành ký tự đặc biệt, chẳng hạn như "-", để biểu thị giá trị rỗng, ngay cả khi một số trường cho phép các chuỗi chỉ có khoảng trắng.

Để tham chiếu đến một trường có trong danh sách, bạn có thể sử dụng chỉ mục của trường trong danh sách hoặc trong hầu hết các trường hợp, bạn có thể sử dụng mã nhận dạng tham chiếu. Các mục trong danh sách có thể được tham chiếu theo mã nhận dạng có trường .id. Bạn nên sử dụng mã nhận dạng tham chiếu thay vì chỉ mục của trường trong danh sách khi có thể.

Sau đây là ví dụ về cách tham chiếu các trường có trong một danh sách.

  • object.imageModulesData[0].id = my-first-id
  • object.imageModulesData[1].id = my-second-id
  • class.detailsTemplateOverride.detailsItemInfos[0].item.firstValue.fields[0].fieldPath = object.imageModulesData[‘my-second-id’]
  • class.detailsTemplateOverride.detailsItemInfos[1].item.firstValue.fields[0].fieldPath = object.imageModulesData[0]

Trong trường hợp này, mục đầu tiên trong phần thông tin chi tiết của thẻ và vé là hình ảnh thứ hai được khai báo trong đối tượng. Trong khi đó, mục thứ hai trong phần thông tin chi tiết của thẻ là hình ảnh đầu tiên được khai báo trong đối tượng.

Mẫu mặc định

Android

Các phần tử và vị trí bố cục mẫu thẻ và vé mặc định
  1. class.logo
  2. class.localizedIssuerName
    hoặc class.issuerName
  3. class.eventName
  4. class.venue.name
  5. object.barcode.type
    object.barcode.value
  6. object.barcode.alternateText
  7. DATE
  8. class.dateTime.start (chỉ có ngày)
  9. THỜI GIAN
  10. class.dateTime.start (chỉ thời gian)
  11. PHẦN (mặc định) hoặc LỐI VÀO
    (tuỳ thuộc vào class.sectionLabel)
    hoặc class.customSectionLabel
  12. ROW hoặc class.customRowLabel
  13. object.seatInfo.section
  14. ROW hoặc class.customRowLabel
  15. SEAT hoặc class.customSeatLabel
  16. object.seatInfo.seat
  17. object.heroImage
    hoặc class.heroImage
  18. object.hexBackgroundColor
    hoặc class.hexBackgroundColor
  19. NGƯỜI CẦM VÉ
  20. object.ticketHolderName
  21. class.venue.name
  22. class.venue.address
  23. MÃ XÁC NHẬN (mặc định)
    hoặc SỐ XÁC NHẬN
    hoặc SỐ ĐƠN ĐẶT HÀNG
    hoặc SỐ ĐẶT CHỖ
    (tuỳ thuộc vào class.confirmationCodeLabel)
    hoặc class.customConfirmationCodeLabel
  24. object.reservationInfo.confirmationCode
  25. ĐIỀU KHOẢN VÀ ĐIỀU KIỆN
  26. class.finePrint
  27. class.messages[].header
  28. class.messages[].body
  29. object.messages[].header
  30. object.messages[].body
  31. class.textModulesData[0..9].header
  32. class.textModulesData[0..9].body
  33. object.textModulesData[0..9].header
  34. object.textModulesData[0..9].body
  35. class.linksModuleData.uris[].description
  36. object.linksModuleData.uris[].description

Web

Các phần tử và vị trí bố cục mẫu thẻ và vé mặc định
  1. class.logo
  2. class.localizedIssuerName
    hoặc class.issuerName
  3. class.eventName
  4. class.venue.name
  5. object.barcode.type
    object.barcode.value
  6. object.barcode.alternateText
  7. DATE
  8. class.dateTime.start (chỉ có ngày)
  9. THỜI GIAN
  10. class.dateTime.start (chỉ thời gian)
  11. PHẦN (mặc định) hoặc LỐI VÀO
    (tuỳ thuộc vào class.sectionLabel)
    hoặc class.customSectionLabel
  12. ROW hoặc class.customRowLabel
  13. object.seatInfo.section
  14. ROW hoặc class.customRowLabel
  15. SEAT hoặc class.customSeatLabel
  16. object.seatInfo.seat
  17. object.heroImage
    hoặc class.heroImage
  18. object.hexBackgroundColor
    hoặc class.hexBackgroundColor
  19. NGƯỜI CẦM VÉ
  20. object.ticketHolderName
  21. class.venue.name
  22. class.venue.address
  23. MÃ XÁC NHẬN (mặc định)
    hoặc SỐ XÁC NHẬN
    hoặc SỐ ĐƠN ĐẶT HÀNG
    hoặc SỐ ĐẶT CHỖ
    (tuỳ thuộc vào class.confirmationCodeLabel)
    hoặc class.customConfirmationCodeLabel
  24. object.reservationInfo.confirmationCode
  25. ĐIỀU KHOẢN VÀ ĐIỀU KIỆN
  26. class.finePrint
  27. class.messages[].header
  28. class.messages[].body
  29. object.messages[].header
  30. object.messages[].body
  31. class.textModulesData[0..9].header
  32. class.textModulesData[0..9].body
  33. object.textModulesData[0..9].header
  34. object.textModulesData[0..9].body
  35. class.linksModuleData.uris[].description
  36. object.linksModuleData.uris[].description

Đối với các trường mô-đun hình ảnh, chúng tôi chỉ hiển thị một trường mô-đun hình ảnh từ lớp và một trường mô-đun hình ảnh từ đối tượng. Nếu bạn cần nhiều trường mô-đun hình ảnh ở một trong hai cấp độ, hãy ghi đè mẫu mặc định.

Đối với các trường mô-đun văn bản, chúng tôi chỉ hiển thị tối đa 20 trường mô-đun văn bản từ lớp và 20 trường mô-đun văn bản từ đối tượng. Các trường này sẽ xuất hiện theo thứ tự giống như khi được xác định trong mảng. Nếu bạn cần nhiều hơn 20 trường mô-đun văn bản ở một trong hai cấp, hãy ghi đè mẫu mặc định.

Đối với thông báo, chúng tôi chỉ hiện tối đa 20 thông báo từ lớp và 20 thông báo từ đối tượng. Chúng tôi không đảm bảo thứ tự của các thông báo. Nếu bạn cần nhiều hơn 20 thông báo ở một trong hai cấp độ hoặc cần đảm bảo cho bất kỳ đơn đặt hàng nào, hãy ghi đè mẫu mặc định.

Đối với trường mô-đun liên kết, bạn có thể xác định bao nhiêu uri tuỳ thích. Các URI được hiển thị theo nhóm theo thứ tự sau cho mỗi cấp (lớp hoặc đối tượng):

  1. Tọa độ bản đồ
  2. Số điện thoại
  3. Địa chỉ email
  4. Các trang web

Đối với mỗi nhóm, URI sẽ xuất hiện theo cùng một thứ tự như khi được xác định trong mảng. Nếu bạn cần một thứ tự khác, hãy ghi đè mẫu mặc định.

Các phần tử và vị trí bố cục mẫu danh sách mặc định
  1. class.eventName
  2. class.dateTime.start
  3. class.logo
  4. object.hexBackgroundColor
    hoặc class.hexBackgroundColor
  5. <# passes> (được nhóm)