Nuvem Shop Completo | Crie Sua Loja Virtual (Projeto Real)
- Descrição
- Currículo
- FAQ
- Revisões
Tenha sua própria loja online com a mesma qualidade de grandes e-commerces (Nike, Adidas, Netshoes, Americanas, Submarino…).
Com certeza é um dos melhores investimentos que você pode fazer para criar um negócio ou expandir o seu atual. Se fomos comparar a uma loja física com somente um mês de aluguel de 1 ponto comercial, seria possível manter uma loja online no ar e lucrando por incríveis 7 anos ou mais!
O comércio eletrônico no Brasil é um dos mercados que mais cresce e fatura todos os anos. E com isso surge a oportunidade de você começar a vender seus produtos e abocanhar uma parte desse faturamento para seu negócio.
Você vai aprender a criar uma loja profissional para vender produtos ou serviços, independente de qual categoria seja (Roupas, acessórios, perfumes, automotivo, jóias, produtos digitais, instrumentos musicais, eletrônicos, computadores, produtos de beleza…)
Ao final do curso sua loja estará pronta para vender para todo o Brasil, interligada aos meios de envio como Correios, formas de pagamento, promoções, entre outras ferramentas que irão te surpreender..
Vamos começar agora a criação da sua loja ? Inscreva-se hoje mesmo no curso e conte com todo meu suporte para suas dúvidas.
O principal objetivo deste curso é ensinar e implementar um layout 100% personalizado e responsivo na plataforma de e-commerce Nuvemshop. Ao final do curso você será capaz de criar, configurar, preparar todo ambiente da loja online, e por fim desenvolver todo conteúdo front-end da loja.
Com isso você estará apito a trabalhar em uma agencia especializada em e-commerce que trabalhe com implementações Nuvemshop.
Você aprenderá tudo que precisa para se destacar no mercado de trabalho, conhecendo a plataforma e os recursos básicos do desenvolvimento front-end (HTML, CSS, e JS).
Lembrando que apensar das explicações HTML, CSS e JS que dou conforme o desenvolvimento, esse curso não tem objetivo de ensinar essas linguagens.
-
10
Configurando Serviços de Frete -
11
Configurando Meios de Pagamento
-
12
Configurando Opções de Checkout
-
13
Cadastrando Categorias
-
14
Cadastrando Produto Simples
-
15
Cadastrando Produto com Variação
-
16
Criando Páginas Institucionais
-
17
Configurando Informações de Contato
-
18
Configurando Menu de Navegação
-
19
Colocando Loja em Construção
-
20
Testando Fluxo de Compra
-
27
Config
Arquivos de Configuração
Essa página irá lhe ajudar a entender para que servem os arquivos existentes dentro da pasta config, e como você pode personalizá-los para tornar sua loja Nuvem Shop melhor ainda.
Artigos
Default.txtDentro do arquivo defaults.txt definimos os valores padrão de cada uma das variáveis definidas em settings.txt. Exemplo: innerBackground = #FBF9F9 navBackground = #5388d5 navText ...
Sections.txtDentro de sections.txt podemos criar diferentes seções de destaque de produtos, como Ofertas, Lançamentos etc. Exemplo: slider name = Slideshow de produtos description = Os produtos do Slide Show passam em ...
Settings.txtDentro do arquivo settings.txt definimos variáveis que podem ser configuradas pelo dono da loja no administrador Nuvem Shop, dentro de Opções de Layout. A estruturação do arquivo se dá da seguinte forma...
Translations.txtDentro do arquivo translations.txt colocamos todo o texto a ser traduzido para outras línguas dentro do seu template. Exemplo: es "Anterior" pt "Anterior" en "Previous" es "Siguiente" ...
Variants.txtEm variants.txt podemos criar diferentes variações de configuração do seu layout, definindo valores padrão para as variáveis de settings.txt. Exemplo: Variação Branca background_...
-
28
Layouts
Layout | Pasta
Nesta pasta ficarão todos os layouts que a tenha o design. O layout padrão é layout.tpl.
Este arquivo contém o código html comum a todas as telas. Aquí é onde se abre e se fecha o código <html>, incluíndo o <head> e os componentes do body que não são especificos de cada tela, como a navegação, o topo (header) e o rodapé (footer).
Este arquivo funciona como uma base para seu design, onde o conteúdo específico de cada seção vai ser carregado no lugar de {% template_content %}, ou seja, uma vez no servidor esse código vai ser substituído pelo conteúdo da seção (como home.tpl).
É importante que dentro da tag <head> se use o código {% head_content %}, que inclui javascripts importantes da Nuvem Shop.
-
29
Snipplets
-
30
Static
Static | Pasta
Nessa pasta colocamos todas as imagens, CSS e javascript que queira usar em seu design. Encontrará a folha de estilos principal "style.CSS", que pode ser modificado com o CSS que for usar em seu design.
Se for utilizar alguma outra folha de estilos, não esquecer de linká-la no arquivo layout.tpl
-
31
Templates
Templates | Pasta
Nesta pasta vão os códigos html específicos de cada tela. Lembre-se que você não precisa abrir uma tag <html> aqui, pois esses arquivos vão ser carregados dentro do layout.tpl, que já possui esse código base. Esta pasta deve conter:
home.tpl — Página inicial
category.tpl — Página que lista os produtos de uma categoria.
product.tpl — Página de um produto.
cart.tpl— Página do carrinho de compras.
contact.tpl — Página de contato.
search.tpl — Página de resultados de busca.
page.tpl — Modelo de página para as páginas internas que forem criadas dentro do administrador de conteúdo.
404.tpl — Página de error 404 (página no encontrada).
-
41
HTML - Header - header/header.tpl
-
42
HTML - Logo - header/header-logo.tpl
-
43
HTML - Menu - navigation/*.tpl
-
44
HTML - Busca - header/header-search.tpl
-
45
HTML - Account - header/header-account.tpl
-
46
HTML/JS - Banner Services - banner-services/*.tpl
-
47
CSS - Preparando Arquivos de Configurações
-
48
CSS - Header
-
49
CSS - Menu
-
50
CSS - Botões padrões do Header
-
51
CSS - Busca, Account e Carrinho
