Error 400 en el componente shelf de productos

VTEX in your native language 🌎 Español
1

Hola buen día, resulta que estoy intentado agregar el componente de las vitrinas en el home de mi página, el componente que estoy intentado agregar es el que viene nativo de VTEX IO, este el código que tengo implementado en este momento:
Nombre de archivo: home.jsonc
{
“store.home”: {
“blocks”: [
“rich-text”,
“shelf#home”
]
},
“rich-text”: {
“props”: {
“text”: “Shelf de productos”,
“textAlignment”: “CENTER”,
“textPosition”: “CENTER”,
“font”: “t-heading-1”
}
},
“info-card#pixel”: {
“props”: {
“id”: “infoCardPixel”,
“isFullModeStyle”: false,
“textPosition”: “left”,
“imageUrl”: “assets/supernintendo.png”,
“headline”: “Consola retro en oferta”,
“subhead”: “Super Nintendo”,
“callToActionText”: “Conoce más”,
“callToActionUrl”: “#”,
“textAlignment”: “left”,
“blockClass”: “infoCardPixel”
}
},
“shelf#home”: {
“blocks”: [
“product-summary.shelf”
],
“props”: {
“orderBy”: “OrderByReleaseDateDESC”,
“paginationDotsVisibility”: “desktopOnly”,
“productList”: {
“maxItems”: 5,
“itemsPerPage”: 3,
“minItemsPerPage”: 1,
“scroll”: “BY_PAGE”,
“arrows”: true,
“titleText”: “Más vendidos”
}
}
}
}

En el admin que vtex agrege 12 productos con su respetivo, nombre del producto, descripción, sku y una imagen y cada producto esta asociado a una categoría que también, en este momento los productos aparecen como activos en el admin de vtex, pero el problema que tengo es que cuando ejecuto el comando vtex link no me arroja ningún error en la consola pero en el navegador web me esta arrojando error 400 es como si no estuviera encontrando ningún producto en la tienda o no estuviera activado alguna propiedad o funcionalidad no se si sea error en alguno de los paquetes de vtex o si por el contrario hace falta activar algo dentro del core de la aplicación no lo se a continuación adjunto el pantallazo con el error

2

Poderia enviar mais detalhes sobre o erro aqui? um print ou algo do tipo?

1 Like
3

este editor no me esta permitiendo adjuntar imágenes acá comparto a continuación el pantallazo, las imágenes las subí a mi cuenta de Twitter, abren el enlace y ahí van a poder descargar la imagen o visualizarla

Imagen error 1: https://twitter.com/robertoaleagu/status/1661085571542810624/photo/1

Imagen error 2: https://twitter.com/robertoaleagu/status/1661085627310325775/photo/1

estos son los productos que tengo cargados en el admin de VTEX, cuando le doy clic en el enlace que dice ver en el sitio web me muestra la pagina en totalmente en blanco? A continuación adjunto el pantallazo

  1. Admin de vtex con los productos cargados: https://twitter.com/robertoaleagu/status/1661093556725923875/photo/1

  2. Pantalla en blanco esto es en la pagina que abre en el navegador después de dar clic en la opción ver en el sitio web: https://twitter.com/robertoaleagu/status/1661093387900993546/photo/1

4

Voce ativou a integração da busca no admin?

acesse: /admin/search/integration-settings

5

Olá Roberto, tudo bem?

Caso os produtos estejam com Mostrar no site (ativo), estoque, preços e integração da busca ativada. Tente reindexar os produtos, acessando o Intelligent Search - Histórico da indexação. As vezes acontece do produto não vir, e ao reeindexar ele aparecer normalmente.

Ainda sobre a Shelf, indico utilizar do “product-summary.shelf” , pois a “shelf” e “shelf.relatedProducts” estão deprecados atualmente.

Você pode utilizar dessa forma :

“list-context.product-list#shelf”: {
“blocks”: [
“product-summary.shelf#shelf”
],
“children”: [
“slider-layout#shelf”
],
“props”: {
“width”: “100%”
}
},
“product-summary.shelf#shelf”: {
“children”: [
“flex-layout.row#summary-name”,
“product-list-price#summary”,
]
},

  "slider-layout#shelf": {
    "props": {
      "itemsPerPage": {
        "desktop": 5,
        "tablet": 3,
        "phone": 2
      },
      "infinite": true,
      "fullWidth": false,
      "showPaginationDots": "always",
      "showNavigationArrows": "never"
    }

Espero que isso te ajude.

Um abraço.