Olá pessoal, hoje vou mostrar para vocês algumas dicas de como personalizar a home da loja no Facíleme® Cursos.

Requisitos mínimos:

  • Conhecimentos em HTML
  • Conhecimentos em Javascript
  • Conhecimentos em CSS
  • Conhecimentos mínimos em AngularJS

Tendo esses conhecimentos é possível você personalizar toda sua loja de forma bem simples e rápida.

Primeiramente, você deve ir ao seu painel administrativo e entrar no menu Configurações -> Template

Ao lado esquerdo você verá as páginas que estão disponíveis para a customização. É claro que você deve tomar cuidado principalmente com os formulários pois, a personalização dos nomes dos campos vão influenciar diretamente no funcionamento da loja.

Templates

Em Página inicial:

  • Diretiva banner: Essa é uma diretiva que vai inserir no site os banners que você cadastrou em seu painel.
    • Tem um atributo chamado “posicao” nesse atributo se você deixar em branco, irá mostrar todos os banners cadastrados em modo carrossel. Caso você queira colocar somente alguns banners específicos você deve colocar no atributo “posicao” o valor que você digitou no campo “Local do Banner” conforme a imagem abaixo:
      Banner
  • Dados que podem ser utilizados na Home:
    
    cursos: {
      "novos": [
        {
          "id_curso": "2",
          "id_parceiro": "1",
          "slug": "edicao-de-video",
          "nome": "Edição de vídeo",
          "sinopse": "teste",
          "tipo_curso": "pago",
          "imagem": "f86139d331d9a5a63b54971c50074f65.png",
          "sort": "1",
          "ativo": "1",
          "preco": "100000.00",
          "data_cadastro": "2015-09-13 13:04:00",
          "categoria_id": "7",
          "categoria_slug": "videos",
          "link": "/#!/cursos/videos/edicao-de-video",
          "img": "/images/1/f86139d331d9a5a63b54971c50074f65.png"
        }
      ],
      "vendidos": [
        {
          "id_curso": "12",
          "id_parceiro": "1",
          "slug": "efeitos-visuais",
          "nome": "Efeitos Visuais",
          "sinopse": "Aprenda a fazer efeitos visuais.",
          "tipo_curso": "pago",
          "imagem": "01491b5c4f34eb75f77e3927d55ba630.png",
          "sort": "9",
          "ativo": "1",
          "preco": "23423.42",
          "data_cadastro": "2015-10-09 10:47:34",
          "categoria_id": "7",
          "id": "12",
          "categoria_slug": "videos",
          "vendidos": "2",
          "link": "/#!/cursos/videos/efeitos-visuais",
          "img": "/images/1/01491b5c4f34eb75f77e3927d55ba630.png"
        }
      ]
    }

 

Não há comentários até o momento