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:
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:
- Método manual (Para lojas com layouts personalizados, devem contactar seu designer para realizar a alteração).
- Método automático;
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
Passo 2- Duplique o seu tema publicado
Passo 3 - Acesse a página de Editar HTML do tema que acabou de duplicar.
Passo 4 - Clique no menu "pages" e em seguida em "product.html"
Passo 5 - Na lateral direita irá abrir o editor de código html.
Localize o texto
Após inserir o código clique em salvar.
{{ productHelper.variants() }}
e insira logo abaixo o código
{{ productHelper.kit() }}
Após inserir o código clique em salvar.
Veja o exemplo:
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:
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:
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
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
Passo 9 - Caso todas as configurações estejam corretas, o seu kit deverá apresentar na página de produtos como o exemplo abaixo:
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
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.
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.
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- Após instalar o tema automaticamente, você deve verificar se suas configurações estão corretas e então publicar o tema atualizado.
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:
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:
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...
Cada coisa!!!
Ta para ajudar a criar uma solução para os Kits?
Ou procurar erros de Português; tem tempo pra caramba ein.
ambos! acho que um profissionalismo exige tanto um quanto outro.
e tenho tempo mesmo e vc nao? cada um com seus problemas kkk
alem de contribuir ainda reclamam, vai entender... tempo pra criticar os outros vc teve ne meu bem?
Olá, boa tarde!
Gostaria da liberação da ferramenta “KIT de PRODUTOS”. Loja ID: 456619.
Grato desde já!
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
Estou tentando colocar esse problema no sistema de sugestões mas toda vez que tento enviar aparece a mensagem de usuário bloqueado!
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
Erro na exibição do preço é algo muito sério e precisa ser corrigido imediatamente!
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!
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!
Favor habiltar a opçao de criar kit de produtos na minha loja id471823 . Aguardo
Olá, boa tarde!
Gostaria da liberação da ferramenta “KIT de PRODUTOS”
Favor liberar a ferramenta de Kit de Produtos para a loja id592292.
Boa tarde! Peço que liberem a ferramenta de Kit de Produtos para a loja id 614767