Phoca Download - Modificare i layout

google-plus Scritto da .

logo phoca czQualche giorno fa, per un cliente, ho messo mano al layout del componente Phoca Download. Il componente in questione, è quasi un must have in Joomla! In quanto permette di generare pagine con file scaricabili, dando la possibilità all'utente che ne possiede i diritti di caricare altri file nel sistema, anche da frontend.

Il componente Phoca Download, è davvero efficace e lo posso affermare perché ho potuto testarne il funzionamento su molti siti web. Uno tra questi, è proprio il blog che state leggendo, sezione Download.

Oltre alla possibilità di editare i file CSS che ne dettano l'aspetto e la visualizzazione degli elementi in download nelle view del componente, permette di editare il layout delle varie viste dall'apposita sezione nel backend di Joomla!

Una volta loggati nel lato amministratore del vostro Joomla!, vi basterà infatti andare in Componenti > Phoca Download > Layout per vedere i vari editor separati dalla descrizione (es. Category view layout, File view layout...) che ne identifica l'appartenenza alla vista che rappresentano e alla quale verranno applicate le modifiche se ne toccherete il contenuto.

I vari tag delimitati da parentesi grafe, (es. {pdfilesize}) rappresentano un elemento che verrà poi stampato a frontend nella posizione da voi preferita ed espressa nell'editor della vista che intendente modificare.

Il tutto sta nello spostare, aggiungere o anche rimuovere i tag se volete non siano visualizzati i blocchi che rappresentano.

Il tag di cui portavo l'esempio in precedenza, farà si che verrà stampata nella posizione desiderata la dimensione del file che avete messo disponibile al download. Ad alcuni, può non andare a genio che la dimensione del file venga esplicitata e dunque può decidere di cancellarne il riferimento nell'editor. Ovviamente ogni modifica va salvata per vederne gli effetti.

Una cosa fondamentale da tenere in conto quando modificate i layout di Phoca Download, è che se non andate nelle Opzioni del componente, e attivate la seguente opzione:

Visualizzazione -> Configurazione tema -> Mostra layout specifico > Si

o se in inglese:

Display > Theme settings > Display specific layout > Yes

Qualsiasi modifica fatta nella sezione Layout di Phoca Download non avrà nessun effetto e verrà caricato in automatico il layout di default del componente.

display specific layout

Phoca Download: modifica del "File View Layout"

Un esempio semplice, è quello di voler spostare la descrizione del file sopra o sotto il riferimento o il nome del file. Nel layout di default infatti, il nome del file, precede ogni cosa, così come la dimensione del file e altri dettagli, come si può vedere in figura:

layout file prima

Mentre nel backend, il layout risulta così descritto: 

file view layout

Ora mettiamo il caso di voler modificare il layout con le seguenti caratteristiche: Spostare la descrizione {pddescription} perché preceda il nome del file e tutto il resto e mettere a separatore tra descrizione e dettagli una scritta del tipo appunto "Dettagli file".

Per poter ottenere ciò che voglio, devo modificare il layout nel backend così come suggerito dall'immagine:

file view layout modified

Una volta salvato il nuovo layout, tornate al frontend e ricaricate la pagina per vedere gli effetti sulla File View (che ovviamente dovrete avere collegato ad una voce di menu):

layout file dopo

Se avete domande o suggerimenti sull'articolo o sull'argomento trattato, commentate qui sotto oppure scrivetemi dalla sezione Contatti.


Se hai gradito l'articolo, condividilo, basta un click:

Aggiungi commento

I commenti lasciati dagli utenti del blog sono sempre soggetti a controllo prima di eventuale pubblicazione. I commenti non considerati adatti per contenuti, spam o forma saranno eliminati e non pubblicati. Leggi i Termini e Condizioni di utilizzo per maggiori informazioni.


Codice di sicurezza
Aggiorna

  • logo teoca
  • materexcel collabora
  • logo flash pulizie
  • revolution srl
  • logo arcotraslochi
  • montaggio mobili trento
  • logo elevatori sito
  • logo prontopro

Prima di andartene...

Perché non rimanere in contatto?

Clicca sul pulsante "Mi piace" qui sotto per rimanere aggiornato su tutti i nuovi contenuti e ricevere notifica degli articoli interessanti che condivido giornalmente sulla Pagina Facebook dedicata al blog.

Puoi anche iscriverti alla newsletter e al nuovo canale YouTube di blog.dangerx82 così da rimanere sempre aggiornato sui nuovi contenuti...

x

Per essere più facile ed intuitivo, il blog fa uso dei cookie, piccole porzioni di dati che consentono di capire come gli utenti navighino e ne visualizzino le pagine. I cookie non registrano alcuna informazione personale sull'utente ed eventuali dati identificabili non verranno memorizzati. Ti invitiamo a prendere visione della nostra Informativa sulla Privacy (aggiornata il 25/05/2020). Oppure visiona la nostra Cookie Policy (aggiornata il 17/10/2019):