Precisa de ajuda?

→
KIT VERSÃO BETA
 
Este tutorial é destinado aos lojistas que não está apresentando os produtos do KIT na página de produto na loja virtual.

Exemplo de exibição:

1.png



Para as lojas que não estão apresentando os produtos na página de produto, deverá ser realizado uma das duas opções abaixo:
Qualquer problema gerado em sua loja, você poderá voltar seu layout para uma versão anterior. Veja abaixo como realizar.
 



MÉTODO MANUAL
 
Atenção: neste método é necessário ter conhecimento em HTML e CSS, caso não tenha, informe seu responsável pelo designer da loja para realizar a alteração.
Passo 1- Acesso ao menu: Minha Loja > Design da loja


6.gif


Passo 2- Duplique o seu tema publicado


7.gif


 
Passo 3 - Acesse a página de Editar HTML do tema que acabou de duplicar.



8.gif


Passo 4 - Clique no menu "pages" e em seguida em "product.html"


9.gif




Passo 5 - Na lateral direita irá abrir o editor de código html.

Localize o texto
{{ productHelper.variants() }}
e insira logo abaixo o código
{{ productHelper.kit() }}

Após inserir o código clique em salvar.
 
Veja o exemplo:

10.gif

 
 
Passo 6 - Visual padrão: Caso queira aplicar um visual padrão para o seu KIT, é possível adicionar o CSS disponibilizado pela Tray.
 
Somente indicamos adicionar o CSS padrão da Tray caso seu layout não seja personalizado, visto que o CSS padrão poderá não seguir o visual de sua loja.
 
Você poderá verificar com seu designer um visual CSS personalizado para sua loja.
 
Caso não deseje adicionar o visual padrão da Tray, por favor, vá para o passo 7 e não realize este passo 6
 
Passo 1: Faça o download do arquivo kit.css clicando aqui
 
Passo 2: Na página de edição do tema clique no botão "upload de arquivos" e selecione a opção CSS
 
Passo 3: Selecione o arquivo kit.css que realizou o download
 
Exemplo:
 
 
20.gif
 
 
Passo 4: Agora clique no menu ""layouts" e em seguida em "default.html" e cole o código abaixo:
 
<link rel="stylesheet" href="{{ asset('css/kit.css') }}" type="text/css">
 
Após inserir o código clique em salvar.
 
 
Exemplo:
 
 
13.gif
 
 
 
Passo 7 - Acesse sua loja para visualizar as alterações e identificar se não ocorreu nenhum problema em sua alteração.

Na parte superior da página (logo acima do editor) contém um botão de visualizar


14.gif


Navegue por sua loja, acesse a página de produto e veja se não contém nenhum item desconfigurado e acesse um produto kit.


Passo 8 - Com todas as configurações realizadas com sucesso e seu layout não tenha apresentado problema, clique em publicar tema


15.png

 
 
Passo 9 - Caso todas as configurações estejam corretas, o seu kit deverá apresentar na página de produtos como o exemplo abaixo:

16.png


Algumas lojas contém CSS personalizados e poderá ser exibido o kit com um visual diferente. Para personalizar a exibição do kit basta conversar com seu designer para realizar a alteração



Atenção: Caso ocorra algum problema em sua loja referente a alteração do layout realizada veja o item "voltando o meu layout antigo":

 
 
 

MÉTODO AUTOMÁTICO (disponível após 10/10/2017 na finalização da etapa 5 )
 
Atenção: Se já realizou o método automático e não apresentou o kit, faça o método manual.
 
1- Acesso ao menu: Minha Loja > Design da loja

2.gif


2- Em seu tema publicado, clique no link "Iniciar instalação do tema" e instale a nova versão de seu tema.

ATENÇÃO: Caso em sua loja não apresente o link de "iniciar a instalação do tema" ou você já realizou este processo e o kit continua não apresentando, será necessário realizar a alteração manualmente. Siga para o processo manual.


3.gif

 
 
3- Após instalar o tema automaticamente, você deve verificar se suas configurações estão corretas e então publicar o tema atualizado.


4.gif



4- Caso todas as configurações tenham sido realizadas com sucesso, o seu kit deverá apresentar na página de produtos como o exemplo abaixo:


5.png



Algumas lojas contém CSS personalizados e poderá ser exibido o kit com um visual diferente. Para personalizar a exibição do kit basta conversar com seu designer para realizar a alteração


Atenção: Caso ocorra algum problema em sua loja referente a alteração do layout realizada veja o item "voltando o meu layout antigo":
 
 
 
 

VOLTANDO O LAYOUT ANTES DA ALTERAÇÃO

Em ambos os processos (manual ou automático) o sistema Tray irá gerar uma duplicação (cópia) do seu tema atual para que você possa alterar e manter seu tema anterior com os códigos sem qualquer alteração. Dessa forma é possível encontrar seu layout anterior na listagem de temas e publicar o mesmo novamente.

Exemplo:


17.gif

 
Tray 
Tem mais dúvidas? Envie uma solicitação

Comentários

  • Avatar
    Rafael M

    olha, nao pude deixar de reparar que tem alguns errinhos nessa tela:

    Método manual (Para lojas com layouts personalizados, devem contactar seu design para realizar a alteração).

    na vdd o correto é designer, e não design.

    e mais abaixo também:

    "Você poderá verificar com seu design um visual CSS personalizado para sua loja."

    Design é o subproduto que um designer (profissional que trabalha com design) faz.... tão confundindo isso dai rs

    mais abaixo diz:

    "Algumas lojas contém personalização CSS personalizados e poderá ser exibido o kit com um visual diferente. Para personalizar a exibição do kit basta conversar com seu design para realizar a alteração"

    Pergunto, "Personalização CSS personalizados" (???? nao entendi rs)

    e novamente: "conversar com seu design"....
    o correto é designer...

  • Avatar
    Anderson Moura

    Cada coisa!!!
    Ta para ajudar a criar uma solução para os Kits?
    Ou procurar erros de Português; tem tempo pra caramba ein.

    Editado por Anderson Moura
  • Avatar
    Rafael M

    ambos! acho que um profissionalismo exige tanto um quanto outro.

  • Avatar
    Rafael M

    e tenho tempo mesmo e vc nao? cada um com seus problemas kkk

  • Avatar
    Rafael M

    alem de contribuir ainda reclamam, vai entender... tempo pra criticar os outros vc teve ne meu bem?

  • Avatar
    MARCEL MOREIRA

    Olá, boa tarde!

    Gostaria da liberação da ferramenta “KIT de PRODUTOS”. Loja ID: 456619.

    Grato desde já!

  • Avatar
    Leandro

    Criei um kit sendo que cada produto tem a opção de cor e tamanho exemplo:
    Produto preto - P M G GG
    Produto Branco - P M G GG
    Produto Vermelho - P M G GG

    Dei descontos em todas as cores sendo que ao abrir a página do kit em meu site o preço está sendo exibido corretamente com desconto mas após selecionar as variações de cor e tamanho dos produtos o desconto acaba e fica mostrando o valor total sem desconto!

    Isso é um erro e precisa ser corrigido!

    Código do kit na Tray 1368

    LINK PARA VER O PROBLEMA:
    https://www.estilosedutor.com.br/kits/kit-de-teste-favor-nao-comprar

    Editado por Leandro
  • Avatar
    Leandro

    Estou tentando colocar esse problema no sistema de sugestões mas toda vez que tento enviar aparece a mensagem de usuário bloqueado!

  • Avatar
    Leandro

    Criei um vídeo mostrando o problema com a exibição dos preços do kit!
    https://drive.google.com/file/d/1swzKNeoU0z4VvoW0WS1WwnRJnUvpC240/view?usp=sharing

    E
    rro na exibição do preço é algo muito sério e precisa ser corrigido imediatamente!

    Editado por Leandro
  • Avatar
    Leandro

    Outro erro é que o produto criado de teste não está sendo exibido no site ao fazer uma busca!
    Só consigo acessar pelo link direto no site!

  • Avatar
    Tânia Aparecida Gonçalves Novaes

    Meu nome é Carlos estou na Tray desde Novembro do ano passado e sinceramente estamos tendo mais problemas com essa plataforma do que com uma mais simples, não entendo uma plataforma dessa não ter um suporte em finais de semana e feriados, sendo que o e-commerce não para, vezes ou outras sempre da problema no Backoffice e além disso ainda tem essas dificuldades para colocar uma coisa tão simples que são os kits e a tal da loja para Facebook, isso é simplesmente ridículo, pensando seriamente em migrar novamente. Carlos Barbosa Sou gerente de e-commerce e Marketing digital da Polo RG518 quem quiser visitar a nossa loja acesse https://www.polorg518loja.com.br/ comentário sobre minha explanação e críticas serão bem vindos!

  • Avatar
    Bruno Rossi

    Favor habiltar a opçao de criar kit de produtos na minha loja id471823 . Aguardo

  • Avatar
    COMPLETE STORE

    Olá, boa tarde!

    Gostaria da liberação da ferramenta “KIT de PRODUTOS”

  • Avatar
    contato

    Favor liberar a ferramenta de Kit de Produtos para a loja id592292.

  • Avatar
    COMPLETE STORE

    Boa tarde! Peço que liberem a ferramenta de Kit de Produtos para a loja id 614767

    Powered by Zendesk