Visão geral Widget Layout Switcher

O widget pode ser encontrado na conta Crocoblock e ativado como um plugin normal do WordPress seguindo o Painel do WordPress > Plugins > Adicionar novo caminho, pressionando o botão “ Carregar plug-in ” e depois “ Escolher arquivo ” para encontrar o arquivo ZIP necessário no computador.

Depois disso, deve-se pressionar o botão “ Instalar Agora ” e “ Ativar Plugin ” após a instalação.

O widget Layout Switcher pode ser encontrado no Elementor Page Builder digitando seu nome na barra de pesquisa ou selecionando-o na lista de todos os widgets na seção Listagem de elementos .

A única seção de configurações na guia Conteúdo é Geral .

Primeiro, o campo do widget Selecionar uma grade de listagem deve ser preenchido usando as opções no menu suspenso. Isso só é possível se houver pelo menos um widget Listing Grid na página.

Dois layouts são exibidos por padrão: “Grid” e “List”. Os usuários podem duplicá-los ou excluí-los pressionando os botões “copiar” e “fechar”.

Para editar o layout, deve-se abrir o layout clicando nele.

Ajuste de layouts

Para criar um novo layout, deve-se pressionar o botão “ Adicionar Item ”.

Existem duas guias para ajustar o layout: Conteúdo e Configurações .

Na aba Conteúdo são apresentados os seguintes campos de configuração:

• Label — título do layout que será exibido na página ou pode ser desabilitado posteriormente;
• Slug — um slug anexado ao layout atual. Deve ser preenchido com letras latinas minúsculas sem espaços; este valor também pode conter números e símbolos “-” ou “_”, se necessário. Caso este campo permaneça vazio, o slug será criado automaticamente com base no campo Label (lembre-se que, neste caso, o slug não será mostrado automaticamente neste campo);
• Ícone — campo para selecionar um ícone que pode ser anexado à etiqueta; inclui três botões:
  • Nenhum — uma opção padrão que significa que não há nenhum ícone anexado ao rótulo;
  • Carregar SVG — um botão que abre a Biblioteca de Mídia do WordPress de onde um ícone no formato SVG pode ser carregado;
  • Biblioteca de ícones – um botão que abre uma biblioteca de ícones Elementor com uma seleção de ícones. Também pode haver outras bibliotecas de ícones que podem ser carregadas pressionando o botão “ Upload ” próximo a Minhas Bibliotecas .

A guia Configurações inclui opções adicionais:

• É layout padrão — uma alternância para confirmar se o layout atual é aquele selecionado no campo do widget Selecionar uma grade de listagem .

Quando a alternância É layout padrão está desativada, os seguintes campos de configuração ficam disponíveis para modificação do layout de listagem padrão ou mudança para a listagem alternativa:

• Listagem – um menu suspenso com a opção “Padrão” para criar um novo layout com base na listagem padrão ou para selecionar uma listagem pré-construída diferente com um layout diferente;
• Número de colunas — um campo para selecionar o número de colunas exibidas no estilo de layout selecionado.

O “ Adicionar Item ” deverá ser pressionado sempre que uma nova opção for necessária.
A última alternância na guia Geral é chamada Labels . Ele está ativado por padrão, o que significa que o rótulo será exibido no botão. Se estiver desabilitado, o botão ficará vazio ou conterá um ícone se estiver anexado.

Configurações de estilo

O widget Layout Switcher também pode ser estilizado. Para ajustar a aparência do widget, deve-se abrir a aba Estilo .

Assim que o conteúdo da página estiver pronto, pode-se pressionar o botão “ Publicar/Atualizar ”.

O resultado agora pode ser verificado no front-end.