Como podemos ajudar?

FC 15070 :: Como ativar e personalizar o cross selling na cesta de produtos?

Cada produto pode ser relacionado a outros produtos, que serão mostrados no carrinho como sugestões de compra.

Para ativar este recurso, marque o campo que fica em Dados da loja > Configurações gerais > Cross selling na cesta de produtos.

Os produtos que serão exibidos no cross selling serão selecionados de acordo com o campo Cross selling preenchido na ficha de cada produto adicionado ao carrinho.

Observações

• Se a loja não tiver subprodutos, o botão Adicionar incluirá o produto diretamente no carrinho. Caso a loja tenha subprodutos, será aberto o produto no formato de espiadinha, para que o cliente possa comprar selecionando cor, tamanho etc. Neste caso a loja deve ter o arquivo estiloproduto9.htm com o design específico dessa página na pasta HTM do gerenciador de arquivos da loja.

• Se a resolução horizontal do navegador for menor do que 400 pixels ou se estiver na versão para celular, ao invés de abrir a espiadinha o botão "adicionar" levará à página de detalhe deste produto.

• Após ativar o recurso acesse a loja para ver como fica a exibição desses produtos de cross selling no carrinho de sua loja. Clique no link de cada produto, no botão comprar etc. Qualquer dúvida entre em contato com a nossa equipe de suporte.

Personalizações

Ao ativar o recurso, os produtos serão exibidos com um design padronizado. Veja abaixo como personalizar esta exibição:

Configurações do design

Se desejar que no design não seja exibido alguns elementos, insera a respectiva linha indicada abaixo no arquivo lojalib.js da pasta HTM da loja:

Personalização do CSS

No design padrão é inserido um arquivo CSS que define cores, tamanhos de textos, posicionamento etc, definindo o design do cross selling. Se desejar enviar o seu próprio CSS e que este CSS padrão não seja carregado, inclua a linha abaixo no arquivo lojalib.js:

var bIncludeCSSCrossSellingCart=false; //para remover include de css padrão

Desta forma é possível inserir no CSS da loja (lojasite.css) os estilos personalizados para obter o design desejado.

Personalização completa

Na página do carrinho da loja é inserido um objeto JSON chamado FCLib$.CrossSellingCart com os dados dos produtos de cross selling da cesta. Uma função javascript se encagerrega de ler esse objeto JSON e dinamicamente montar o design dos produtos para serem exibidos no cross selling, carregar um CSS com os estilos e inserir na página os produtos.

É possível personalizar completamente esse recurso usando uma função personalizada chamada FuncCrossSellingCart(). Basta criar uma função com esse nome no arquivo lojalib.js da loja e através dessa função manipular o objeto JSON FCLib$.CrossSellingCart que contém as informações necessárias para montar o design com os produtos de cross selling.

Exemplo da estrutura do objeto FCLib$.CrossSellingCart:

{  
  "legcat":"Categoria",
  "subprod":true,
  "name_a1":"Tipo",
  "name_a2":"Fragrância",
  "name_a3":"Item",
  "name_d1":"Volume",
  "name_d2":"Brinde",
  "name_d3":"Disponibilidade",
  "items":[  
    {  
      "idp":396302,
      "nome":"Console Playstation 4 Pro 4K - 1TB - Sony",
      "url":"/console-playstation-4-pro-4k-1-tb-sony",
      "price":333.0,
      "priceori":439.0,
      "prom":"true",
      "datafim":"2020-01-01T00:00:00",
      "imgp":"https://mytoystore.lojavirtualfc.com.br/lojas/00010611/prod/tbri036p1.png",
      "imgd":"https://mytoystore.lojavirtualfc.com.br/lojas/00010611/prod/tbri036d1.png",
      "imga":"https://mytoystore.lojavirtualfc.com.br/lojas/00010611/prod/tbri036a1.png",
      "a1":"Eau de Parfum",
      "a2":"feminina",
      "avRating":"4,5",
      "qtRating":"20",
      "fil":[  
        {  
          "name":"Marca",
          "value":"Sony"
        },
        {  
          "name":"Gênero",
          "value":"Unissex"
        },
        {  
          "name":"Idade",
          "value":"+4 Anos"
        },
        {  
          "name":"Capacidade",
          "value":"1 TB"
        }
      ],
      "ref":"TBri036",
      "cat":"PS4",
      "urlcat":"/c/eletronicos-ps4",
      "descr":"Jogos 4K dinâmicos e entretenimento 4K. Uma jogabilidade intensamente vibrante, filmes extraordinariamente nítidos e detalhes incríveis em cada momento."
    },
    {  
      "idp":396303,
      "nome":"Console Playstation 4 - Edição Limitada God of War II - 500 GB - Sony",
      "url":"/console-playstation-4-edicao-limitada-god-of-war-ii-500-gb-sony",
      "price":13999.0,
      "priceori":13999.0,
      "prom":"false",
      "imgp":"https://mytoystore.lojavirtualfc.com.br/lojas/00010611/prod/tbri037p1.png",
      "imgd":"https://mytoystore.lojavirtualfc.com.br/lojas/00010611/prod/tbri037d1.png",
      "imga":"https://mytoystore.lojavirtualfc.com.br/lojas/00010611/prod/tbri037a1.png",
      "avRating":"5",
      "qtRating":"28",
      "fil":[  
        {  
          "name":"Marca",
          "value":"Sony"
        },
        {  
          "name":"Gênero",
          "value":"Unissex"
        },
        {  
          "name":"Idade",
          "value":"+18 Anos"
        },
        {  
          "name":"Capacidade",
          "value":"500 GB"
        }
      ],
      "ref":"TBri037",
      "cat":"PS4",
      "urlcat":"/c/eletronicos-ps4",
      "descr":"O sistema PlayStation®4 oferece jogos dinâmicos e conectados, jogos conectados, velocidade e gráficos poderosos, personalização inteligente, capacidades sociais profundamente integradas."
    }
  ]
}