LogoLogo
Documentação de Temas
Documentação de Temas
  • 🚀COMECE POR AQUI
    • Temas Tray
    • Entenda o Tema
    • Meu primeiro tema
  • 💻Tray CLI
    • Instalação
    • Comandos
      • Erros Retornados
    • API para integrações Tray CLI
  • 🧱Construindo seu Template
    • Twig
      • O que é o Twig
      • Como ele é utilizado nos temas
      • Possibilidades de uso
      • Documentação para consulta
    • Visão Geral
      • Estrutura do Tema
      • Arquivo de configuração
      • Extensões de arquivos
      • Codificação de Arquivos
      • Avisos e Recomendações
      • Flags
    • Editor do Tema
      • Antigo
        • Como criar um Editor
        • Settings.html
      • Novo
        • Estrutura
          • Seções
          • Ícones
          • Componentes
            • Text
            • Textarea
            • Email
            • Number
            • Color
            • Checkbox
            • Radio
            • Select
            • Toggle
            • Upload
            • Tab
            • Alert
          • Exemplo de utilização
        • Thumb preview do tema
        • Imagens padrões
        • Como desabilitar e reabilitar?
      • Settings.json
    • Desenvolver
      • Atributo Google Analytics 4
      • Como adicionar o botão comprar na listagem dos produtos
      • Como criar um carrossel de produtos
      • Como inserir um vídeo na home da loja
      • Como manipular as variações de produtos
      • Como saber se o usuário está logado
      • Descontinuação do carrinho.php
      • Exibindo as formas de pagamento de um produto
      • Informação de preço com tempo de cache menor
      • Order Bump - Produtos Relacionados
      • Páginas Institucionais
      • Página de recuperação de senha
      • Página Live Shop
      • Recursos extras
      • Personalização das paginas de carrinho e checkout
    • Core Web Vitals
      • Desempenho
        • Lazyload
        • Primeira dobra
        • Fontes
        • Definição largura e altura
        • Sprite formas de pagamentos
      • Boas Práticas
        • Origem cruzada
      • Acessibilidade
        • Atributo Lang
        • Nome discernível
        • Atributo ALT
        • Contraste
        • IDs únicos
        • ARIA Labelled By
        • Tabindex
    • Otimizar e Medir
      • Carregamento na home
      • Layout AMP
      • Utilizando PWA na loja
    • Referências
      • Objetos
        • banner
        • breadcrumb
        • category
        • categories
        • filters
        • filter_options
        • links
        • pages
        • paginate
        • paymentMethods
        • product
        • productTabs
        • products
        • productFeatured
        • seals
        • search
        • settings
        • store
        • tags
        • tray
        • themePath
        • utils
      • Funções
        • asset()
        • Brands()
        • Categories()
        • Image()
        • Products()
        • Translation()
      • Data Attributes
        • Banners
        • Cart
        • Compare
        • Filter
        • Logged User
        • Search (Suggestion)
      • Componentes
        • Adicionar ao carrinho sem sair da página
        • Banner Desconto Progressivo
        • Banner extra com contagem de cliques
        • Banner Régua
        • Banner Rotativo
        • Botão "Voltar para o topo"
        • Botões Quantidade
        • Carrinho Lateral
        • Exibir a segunda imagem ao passar o mouse
        • Filtro Inteligente
        • Link flutuante para Whatsapp
        • Menu de Categorias
        • Menu de Categorias em 3 Níveis
        • Menu de Categorias com ver mais categorias
        • Menu de Categorias com Imagens
        • Menu de Categorias com Imagens - Hover
        • Menu de Categorias com produto
        • Menu de Marcas
        • Modal de Ofertas
        • Notícias com imagem na home
        • Novo Filtro Inteligente
        • Paginação
        • Porcentagem Desconto
        • Popup de Newsletter
        • Star Ranking
        • Selos da Loja
        • Selos do produto
        • Showcase ( List / Grid )
        • Topo Flutuante
        • Tray Login
        • Whatsapp flutuante
    • APIs Disponíveis
      • Busca
      • Carrinho de Compra
      • Categorias
      • Produtos
      • Variações de Produto
  • ✔️Homologação
    • Loja de Temas Tray
    • Requerimentos
      • Exclusividade
      • Identidade única
      • Estrutura necessária
      • Funcionalidades
      • Nova Busca e Filtro inteligente
      • Selos de produtos
      • Google Lighthouse
      • Consistência e funcionalidade
      • Compatibilidade com navegadores
      • Assets
      • Otimização para buscadores (SEO)
      • Acessibilidade
      • Configurações
      • Sistema de cores
      • Imagens responsivas
      • Nomes dos temas
      • Versionamento e notas de lançamento
      • Lojas demonstrativas
      • Documentação e suporte
    • Checklist obrigatório
    • Templates
    • Homologando o tema
    • Atualizando o tema
    • FAQ
  • 📣NOVIDADES
    • Tray CLI
    • Checklist
    • Tema Draft
    • Novo Editor
Powered by GitBook
On this page

Was this helpful?

  1. Construindo seu Template
  2. APIs Disponíveis

Busca

Através da API de Busca é possível consultar os produtos contidos na loja virtual utilizando palavras-chave.

Endereço para Integração

URL de Acesso

https://{URL_LOJA}/web_api/search

Protocolo

Rest/HTTP

Busca de Produtos

Para a busca de produtos, deverá ser realizada uma requisição via GET.

Podem ser enviados alguns parâmetros nesta integração para realizar filtros na busca de produtos, segue abaixo os dados necessários para envio:

Dados de Entrada
Obrig.
Descrição

query

Não

Texto de Busca

promotion

Não

Produto Promocional

id

Não

Códigos do Produto (Valores separados por ",". Exemplo: 15,123,54)

category_id

Não

Categoria do Produto

price

Não

Faixa de Valor do Produto (Valores separados por ",". Exemplo: 10.25,123.54)

rand

Não

Retornar Produtos Randômicos

sort

Não

Ordenação da Busca

limit

Não

Quantidade Limite de Registros

page

Não

Página da Busca

Veja abaixo uma chamada de exemplo para a busca de produtos:

<script type="text/javascript">  
    var params = {};

    params["query"] = "Produto";
    params["promotion"] = "1";
    params["price"] = "10.00,50.00"; // {valor inicial},{valor final}
    params["page"] = "2";
    params["limit"] = "20";

    $.ajax({
        method: "GET",
        url: "/web_api/search/",
        data: params
    }).done(function( response, textStatus, jqXHR ) {
        console.log(response);
    }).fail(function( jqXHR, status, errorThrown ){
        var response = $.parseJSON( jqXHR.responseText );
        console.log(response);
    });
</script>

Na busca de produtos, a API retorna a resposta em JSON.

Abaixo um detalhamento de cada nó do JSON de resposta:

JSON de Resposta
Descrição

paging

Dados de Paginação

paging.total

Total de Registros

paging.page

Páginas corrente

paging.offset

Registro Inicial da Página

paging.limit

Limite de Registros

paging.maxLimit

Máximo de Registros

sort

Ordenação

availableFilters

Filtros Disponíveis

appliedFilters

Filtros Utilizados

Products[]

Lista de Produtos

Products[].Product

Dados do Produto

Products[].Product.id

Código do Produto

Products[].Product.name

Nome do Produto

Products[].Product.available

Produto Disponível

Products[].Product.price

Preço do Produto

Products[].Product.shortcut

Atalho do Produto

Products[].Product.category_id

Código da Categoria do Produto

Products[].Product.description_small

Descrição do Produto

Products[].Product.promotional_price

Preço Promocional do Produto

Products[].Product.start_promotion

Data Inicial da Promoção do Produto

Products[].Product.end_promotion

Data Final da Promoção do Produto

Products[].Product.brand

Marca do Produto

Products[].Product.model

Modelo do Produto

Products[].Product.availability

Disponibilidade do Produto

Products[].Product.hot

Produto em Destaque

Products[].Product.release

Liberação do Produto

Products[].Product.additional_button

Botão Adicional do Produto

Products[].Product.has_variation

Confirmação de Produto com Variação

Products[].Product.rating

Classificação do Produto

Products[].Product.count_rating

Contador de Classificação do Produto

Products[].Product.url

Objeto com as URLs do Produto

Products[].Product.url.http

URL Simples do Produto

Products[].Product.url.https

URL Segura do Produto

Products[].Product.payment_option

Informações de Pagamento

Products[].Product.ProductImage[]

Imagens do Produto

Products[].Product.ProductImage[].http

URL Simples da Imagem do Produto

Products[].Product.ProductImage[].https

URL Segura da Imagem do Produto

Products[].Product.ProductImage[].thumbs

Miniatura da Imagem do Produto

Products[].Product.ProductImage[].thumbs.30

Miniatura de Tamanho 90px

Products[].Product.ProductImage[].thumbs.30.http

URL Simples da Miniatura de 90px

Products[].Product.ProductImage[].thumbs.30.https

URL Segura da Miniatura de 90px

Products[].Product.ProductImage[].thumbs.90

Miniatura de Tamanho 300px

Products[].Product.ProductImage[].thumbs.90.http

URL Simples da Miniatura de 300px

Products[].Product.ProductImage[].thumbs.90.https

URL Segura da Miniatura de 300px

Products[].Product.ProductImage[].thumbs.180

Miniatura de Tamanho 450px

Products[].Product.ProductImage[].thumbs.180.http

URL Simples da Miniatura de 450px

Products[].Product.ProductImage[].thumbs.180.https

URL Segura da Miniatura de 450px

Products[].Product.Properties[]

Propriedades do Produto

Products[].Product.Category

Dados da Categoria do Produto

Products[].Product.Category.id

Código da Categoria do Produto

Products[].Product.Category.name

Nome da Categoria do Produto

Products[].Product.Category.description

Descrição da Categoria do Produto

Exemplo de resposta com sucesso baseando no envio do exemplo acima:

    {
        "paging": {
            "total": 1,
            "page": 1,
            "offset": 0,
            "limit": 1,
            "maxLimit": 50
        },
        "sort": {
            "Product.available": "DESC",
            "Product.stock": "DESC",
            "Product.image": "DESC"
        },
        "availableFilters": [
            {
                "name": "query"
            },
            {
                "name": "brand",
                "values": [
                    "Dragon Shield",
                    "KMC",
                    "Magic: The Gathering",
                    "Ultra-Pro"
                ]
            },
            {
                "name": "price",
                "values": "start_price,end_price"
            }
        ],
        "appliedFilters": [],
        "Products": [
            {
                "Product": {
                    "id": "84",
                    "name": "Produto de Teste",
                    "available": "1",
                    "price": "10.00",
                    "shortcut": "produto_de_teste",
                    "category_id": "93",
                    "description_small": "",
                    "promotional_price": "0.00",
                    "start_promotion": "0000-00-00",
                    "end_promotion": "0000-00-00",
                    "brand": "",
                    "model": "",
                    "availability": "",
                    "hot": "1",
                    "release": "0",
                    "additional_button": "",
                    "has_variation": "",
                    "rating": "0",
                    "count_rating": "0",
                    "url": {
                        "http": "http://sualoja.commercesuite.com.br/",
                        "https": "https://sualoja.commercesuite.com.br/"
                    },
                    "payment_option": "",
                    "ProductImage": [
                        {
                            "http": "http://images.tcdn.com.br/img/img_prod/123/1.png",
                            "https": "https://images.tcdn.com.br/img/img_prod/123/1.png",
                            "thumbs": {
                                "30": {
                                    "http": "http://images.tcdn.com.br/img/img_prod/123/30_1.png",
                                    "https": "https://images.tcdn.com.br/img/img_prod/123/30_1.png"
                                },
                                "90": {
                                    "http": "http://images.tcdn.com.br/img/img_prod/123/90_1.png",
                                    "https": "https://images.tcdn.com.br/img/img_prod/123/90_1.png"
                                },
                            "180": {
                                    "http": "http://images.tcdn.com.br/img/img_prod/132/180_1.png",
                                    "https": "https://images.tcdn.com.br/img/img_prod/123/180_1.png"
                                }
                            }
                        }
                    ],
                    "Properties": [],
                    "Category": {
                        "id": "93",
                        "name": "Categoria Teste",
                        "description": "categoria_teste"
                    }
                }
            }
        ]
    }
PreviousAPIs DisponíveisNextCarrinho de Compra

Last updated 2 years ago

Was this helpful?

🧱