Carrossel dinâmico


Olá Blipers,


1 - Buscarei o plano do cliente;

2 - Montarei um carrossel dinâmico de produtos a depender do plano do cliente;


Desde já, agradeço a atenção do time de suporte.

Li grande parte dos tópicos já existentes sobre o assunto e gostaria de tirar algumas dúvidas:


1 - Eu usaria o conteúdo dinâmico para montar o carrossel ?

1.1 - type: “application/vnd.lime.media-link+json” ?

1.2 - O "Valor do conteúdo eu colocaria um JSON desse modelo?


{
"title": "Cat",
"text": "Here is a cat image for you!",
"type": "image/jpeg",
"uri": "http://2.bp.blogspot.com/-pATX0YgNSFs/VP-82AQKcuI/AAAAAAAALSU/Vet9e7Qsjjw/s1600/Cat-hd-wallpapers.jpg",
"aspectRatio": "1:1",
"size": 227791,
"previewUri": "https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS8qkelB28RstsNxLi7gbrwCLsBVmobPjb5IrwKJSuqSnGX4IzX",
"previewType": "image/jpeg"
}
}

2 - Encontrei um código e adaptei, parece fazer sentido. o forEach montaria um JSON dinâmico, mas não consigo entender como usar esses returns no conteudo dinamico:


var obj = JSON.parse(planos);
obj.items.forEach(function (event) {

events.push({
header: {
type: "application/vnd.lime.media-link+json",
value: {
title: "Plano: " + event.Nome,
text: "Info: " + event.Descricao
}
},
options: [
{
"label": {
"type": "text/plain",
"value": "Ver detalhes"
},
"value": {
"type": "application/json",
"value": {
"num": 1,
"idNotas": event.id
}
}
}
]
});
});

return {
itemType: "application/vnd.lime.document-select+json",
items: events
};


Acredito que possa me ajudar. Obrigado.


3 comentários

Reputação 7

Sim



Correto



Isso.



Você pode salvar esse JSON em uma variável e usá-la no conteúdo dinâmico.

Bcarmada, bom dia. Feliz 2020!


Conseguiria se possível, uma demonstração com prints com os respectivos conteúdos nos respectivos campos?


Me ajuda muito, por aqui. Estou tendo dificuldades nesse processo de usar a variável e montar o objeto no script.


Obrigado

Reputação 7

Obrigado @Pedro_Brandao


Feliz 2020 pra você também! 🥳


O seu código está correto, só precisa se atentar ao número máximo de iterações que você poderá fazer. Se obj for muito grande, você não vai conseguir. (O BLiP permite no máximo 1000 ações)


Sobre o conteúdo dinâmico, você vai fazer assim:


No tipo, selecione: application/vnd.lime.collection+json e no body, coloque a sua variável retornada do seu script.



A variável deve estar neste formato:


{
"itemType": "application/vnd.lime.document-select+json",
"items": [
{
"header": {
"type": "application/vnd.lime.media-link+json",
"value": {
"title": "Title",
"text": "This is a first item",
"type": "image/jpeg",
"uri": "http://www.isharearena.com/wp-content/uploads/2012/12/wallpaper-281049.jpg"
}
},
"options": [
{
"label": {
"type": "application/vnd.lime.web-link+json",
"value": {
"title": "Link",
"uri": "http://www.adoteumgatinho.org.br"
}
}
},
{
"label": {
"type": "text/plain",
"value": "Text 1"
},
"value": {
"type": "application/json",
"value": {
"key1": "value1",
"key2": "2"
}
}
}
]
},
{
"header": {
"type": "application/vnd.lime.media-link+json",
"value": {
"title": "Title 2",
"text": "This is another item",
"type": "image/jpeg",
"uri": "http://www.freedigitalphotos.net/images/img/homepage/87357.jpg"
}
},
"options": [
{
"label": {
"type": "application/vnd.lime.web-link+json",
"value": {
"title": "Second link",
"text": "Weblink",
"uri": "https://pt.dreamstime.com/foto-de-stock-brinquedo-pl%C3%A1stico-amarelo-do-pato-image44982058"
}
}
},
{
"label": {
"type": "text/plain",
"value": "Second text"
},
"value": {
"type": "application/json",
"value": {
"key3": "value3",
"key4": "4"
}
}
},
{
"label": {
"type": "text/plain",
"value": "More one text"
},
"value": {
"type": "application/json",
"value": {
"key5": "value5",
"key6": "6"
}
}
}
]
}
]
}

Qualquer dúvida sobre o JSON na variável, imprima ela em um bloco, copie e utilize um validador qualquer, como esse, para verificar se está tudo correto.

Comente