Layouts Alternativos para Módulos

Blog / Por

Neste exercício usaremos o tema Protostar que é nativo do Joomla e o Componente Conteúdo (com_content), mas é possível usar outros temas e componentes de forma parecida.

Vamos começar criando uma substituição (override).

  1. Crie uma substituição de módulo no administrador.
    1. Vá para Extensões > Temas > Temas
    2. Clique em Click on Protostar Detalhes e Arquivos
    3. Clique na aba Criar Substituições
    4. Na coluna Módulos, clique em mod_login
    5. Nesse momento você será levado de volta a aba Editor
  2. Uma nova pasta html foi criada. Dentro dela se encontra uma cópia dos arquivos de mod_login que podem ser editados.

Mudanças feitas nos arquivos dentro dessa pasta afetarão todo o site. Os arquivos originais do módulo no Joomla permanecem inalterados. Quando uma atualização é lançada, as mudanças que você fizer não serão perdidas.

Criando um Layout Alternativo

O Layout Alternativo do módulo permite ao usuário ter maior controle sobre onde essa alteração será aplicada.

  1. Copie o arquivo default.php e o renomeie para novolayout.php. O nome do arquivo não pode conter espaços, sublinhados (_) ou hífen (-).
  2. Abra o arquivo novolayout.php no editor de código
    1. Na última linha desse arquivo está uma tag </form>.
    2. Antes dela escreva <p>Este é um layout alternativo.</p>.
    3. Clique em Salvar & Fechar.

Aplicando o Layout Alternativo ao módulo

Agora é o momento de aplicar o novo Layout Alternativo ao módulo.

  1. Vá para Extensões > Módulos
  2. Crie uma instância do módulo Acesso (Login) ou Acessar.
    1. Na guia Avançado, no campo Layout Alternativo, selecione o nome do arquivo de layout alternativo criado que aparecerá abaixo de Do tema Protostar .
    2. Na guia Atribuir Menu, selecione Em todas as páginas.
    3. Salve e Feche
  3. Crie uma segunda instância do módulo Acesso (Login) ou Acessar.
    1. Na guia Atribuir Menu, selecione Em todas as páginas, exceto as selecionadas.
    2. Marque a página inicial (Home).
    3. Salve e feche.
  4. Vá para o seu site e teste.

Se tudo estiver certo, você verá o texto Este é um layout alternativo na parte de baixo do módulo apenas na página principal.

Se tiver alguma dúvida ou sugestão, escreva nos comentários abaixo.