Crie um PLP personalizado através da coleção no VTEX IO

Olá! Pessoas. Precisamos fazer uma página de produto personalizada (PLP) usando uma coleção. Haverá alguma maneira? Muito obrigado, saudações.

 "store.custom#packs": {
    "blocks": ["pattern-background-home", "search-result-layout.customQuery#packs"]
  },
  "search-result-layout.customQuery#packs": {
    "props": {
      "querySchema": {
        "orderByField": "OrderByTopSaleDESC",
        "hideUnavailableItems": true,
        "maxItemsPerPage": 50,
        "queryField": "PACK",
        "mapField": "ft",
        "skusFilter": "ALL_AVAILABLE"
      }
    },
    "blocks": ["search-result-layout.desktop#pages-packs", "search-result-layout.mobile#pages-packs", "search-not-found-layout"]
  },
1 Like

Hola Comunidad!

@georgebrindeiro @rafael.camargo

Haverá uma maneira de chamar um ID de coleção em search-result-layout.customQuery. Aprecio sua ajuda. Obrigado.

1 Like

Bom dia!
É possível sim, você pode utilizar o mapField:productClusterIds, desta forma seria necessário somente informar o ID da coleção que deseja exibir sobre o queryField.

Exemplo: Supondo que a coleção tenha o id 142.

 "store.custom#packs": {
    "blocks": ["pattern-background-home", "search-result-layout.customQuery#packs"]
  },
  "search-result-layout.customQuery#packs": {
    "props": {
      "querySchema": {
        "orderByField": "OrderByTopSaleDESC",
        "hideUnavailableItems": true,
        "maxItemsPerPage": 50,
        "queryField": "142",
        "mapField": "productClusterIds",
        "skusFilter": "ALL_AVAILABLE"
      }
    },
    "blocks": ["search-result-layout.desktop#pages-packs", "search-result-layout.mobile#pages-packs", "search-not-found-layout"]
  },

Você pode encontrar mais detalhes sobre isso na documentação da app Search Result.

2 Likes

Olá! @bruno.araujo obrigada. :rocket::zap:

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.