- Section: agora é possível definir espaçamento especifico pro mobile;
- Botões de formulário: é possível definir largura 100%, padding, border radius e cores de hover;
- Imagem: possível definir tamanho específico pro mobile;
- Bloco aside: opção no mobile para não quebrar linha;
- Bloco inline: possível definir se quebra a linha ou se terá scroll caso conteúdo seja muito grande pro mobile;
- Bloco galeria: opção de altura das imagens (para que fiquem todas iguais), além de opções de borda;
- Novo bloco chamado "Offset position", na categoria Outros: serve para deslocar um bloco na horizontal ou vertical. Assim é possível criar um bloco que "avança" sobre outro, como no exemplo abaixo.
Dois novos blocos disponíveis dentro de Forms.
form-phone: automaticamente formata o número digitado para o padrão (99) 9999-9999, com suporte a números de 9 dígitos também.
form-currency: automaticamente formata o número digitado para o padrão R$ 9.999,99.
Parte 1 - Cadastro de produto
Criando "Collection" e os campos necessários do produto:
Imagem, descrição, valor.
Ao criar o Collection (com o "Has Single Page" habilitado) automaticamente uma página da produtos é criada. Éssa página é a estrutura de todas as páginas dos produtos. Dessa forma nào é preciso criar uma página para cada produto, apenas uma.
Adicionando o bloco "DB Collection" para listar os produtos cadastrados.
Nesse bloco, os sub blocos inseridos podem ser vinculados com os campos da Collection. Dessa forma as informações dos produtos são automaticamente preenchidas de acordo com o cadastro.
Parte 2 - Categorias
Criando a Collection Categorias e alterando a Collection de produtos para vincular com a de Categorias.
Na página da Categoria, o bloco de listagem de produto automaticamente entende o contexto, listando somente as os produtos da categoria sendo visualizada.
Parte 3 - Ordenação, produtos em destaque
É possível definir a ordem padrão dos registros cadastrados, como também no próprio bloco DB Collection, que vai sobrescrever a ordem padrão.
Neste vídeo tamém mostro exemplo de como criar produtos em destauqe, adicionando um campo do tipo Checkbox para ser marcado e o usando-o como filtro no bloco DB Collection.