Vamos a ver cómo modificar posiciones predefinidas de módulos Joomla!. Las posiciones predefinidas de los módulos por una plantilla Joomla! se definen en el fichero templateDetails.xml entres las entradas <position>…</position>.

Normalmente existen estas posiciones predefinidas según la plantilla: left, right, top, bottom, inset, banner, header, footer, newsflash, legals, pathway, breadcrumb, user1, user2, user3, user4, user5, user6, user7, user8, user9, advert1, advert2, advert3, debug y syndicate.

A cada módulo de nuestra web Joomla! le asignaremos una de estas posiciones. Pero, ¿cómo sabemos las posiciones de las posiciones predefinidas?.

Podemos consultar las posiciones de forma visual, que es la que comentaba en mi anterior post. Añadiendo en la url “?tp=1”. Para más detalles pinchar aquí.

Pero si queremos saber las posiciones exactas (x,y) para poder modificarlas, tenemos que jugar con varios ficheros de la plantilla.

Ficheros:

  • templateDetails.xml
  • index.php
  • template_css.css

Con la ayuda de estos tres ficheros seremos capaces de averiguar las posiciones exactas de cada una de las posiciones predefinidas. Normalmente uno pensaría que en la hoja de estilo CSS vendría una definición de una clase “user5” por ejemplo, donde ya vendrían las posiciones de user5. Pero no es así. Veamos cómo averiguar la posición de user5:

  1. Con el fichero “templateDetails.xml” tenemos las posiciones configuradas para esta template. Puede darse el caso de que haya configuradas más posiciones de las que se están usando.
  2. Con el fichero “index.php” buscamos el nombre de la posición en las entradas “jdoc”, no en los divs, y nos quedamos con el nombre de la división que lo contiene. En este caso, “ja-newsflash”.
    &lt;div id=&quot;ja-newsflash&quot;&gt;
         &lt;jdoc:include type=&quot;modules&quot; name=&quot;user5&quot; /&gt;
    &lt;/div&gt;
    
  3. Con el fichero “template_css.css” buscamos el nombre de la división “ja-newsflash” para modificar su posición:
    #ja-newsflash,#ja-searchwrap {
         width: 23%;
    }
    

Pues eso es todo. Un saludo.

About these ads

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

CERRAR

Pin It on Pinterest

Share This

Compártelo

¡Comparte este artículo con tus amigos!