Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : alexdi 18 Jun 2014, 19:33:56

: [RISOLTO] Posizione template fixed.
: alexdi 18 Jun 2014, 19:33:56

Un saluto a tutti.

Spero di aver scelto il titolo giusto per questo post.
Dunque, tempo fa, mi son fatto da solo un template per joomla 2.5 (ovviamente scopiazzando a destra e a manca :D ).

Per quello che serve a me, funziona egregiamente.
Ora, a destra e sinistra della posizione "component" , ci sono 2 posizioni modulo "left" e "rigth"

       

:

<div class="span3"><jdoc:include type="modules" name="left" style="xhtml"/></div>
        <div class="span6"><jdoc:include type="component" /></div>
        <div class="span3"><jdoc:include type="modules" name="rigth" style="xhtml" /></div>
Volevo ottenere che quando si scorre la pagina, per esempio, la posizione left rimanga sempre in vista , evitado di scorrere in alto e scomparire con lo scroll della pagina verso il basso.

Ho provato così

       

:

<div class="span3" style="position: fixed;"><jdoc:include type="modules" name="left" style="xhtml"/></div>
        <div class="span6"><jdoc:include type="component" /></div>
        <div class="span3"><jdoc:include type="modules" name="rigth" style="xhtml" /></div>
e cioè ho aggiunto style="position: fixed;".

In effetti funziona però, si "scombina" tutto il template (left rimane fisso ma component e right si spostano a sinistra).

Non sono molto pratico di css ma credo dovrebbe essere facile.

Avete qualche dritta ?

Grazie in antcipo.

: Re:Posizione template fixed.
: giusebos 18 Jun 2014, 20:03:50

molto probabilmente devi rivedere la struttura, lo scheletro, mettendo fuori dal contenitore generale le colonne.

: Re:Posizione template fixed.
: alexdi 18 Jun 2014, 20:33:22

Grazie giusebos.

Infatti stavo guardando proprio i css.

Ora smanetto un pò e poi aggiorno...

: Re:Posizione template fixed.
: alexdi 18 Jun 2014, 22:37:23

Ecco come ho fatto.

Il problema delle posizioni "component" e "rigth" che si spostavano sulla sinistra, sovrapponendosi alla posizione "left" che comunque rimaneva fassa allo scrool della pagina, l' ho risolto brillantemente con l' override del template.

Avendo posizionato in left un modulo custom, o struttato l' override del template del modulo, inserendo nella cartella html/mod_custom il file fixed.php sotto riportato e selezionando il template alternativo sul modulo custom.

:

<?php
/**
 * @package        Joomla.Site
 * @subpackage    mod_custom
 * @copyright    Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
 * @license        GNU General Public License version 2 or later; see LICENSE.txt
 */

// no direct access
defined('_JEXEC') or die;
?>

 

<div id="divid" style="position: fixed;>
    <?php echo $module->content;?>
</div>
 


A questo punto, mi rimaneva un altro problema in quanto, le utime 4 posizioni in fondo al template erano span12 e quindi , occupando tutto lo schermo in orizzontale, allo scroll , arrivati in fondo alla pagina, si sovrapponevano alla posizione left (che sta in una riga composta da span3 + span6 + span3 , left, component, rigth).

Quindi, ho dovuto comunque modificare il file index.php del template aggingedo ulteriori posizioni alle ultime 4, rispecchiando la riga composta da span3-span6-span3 (bottom-left, bottom, bottom-rigth, etc...)

:

............................ 
....................<div class="<?php echo $row ?>">
        <div class="span3"><jdoc:include type="modules" name="left" style="xhtml"/></div>
        <div class="span6"><jdoc:include type="component" /></div>
        <div class="span3"><jdoc:include type="modules" name="rigth" style="xhtml" /></div>
      </div>
      <div class="<?php echo $row ?>">
        <div class="span3"><jdoc:include type="modules" name="under-left" style="xhtml" /></div>
        <div class="span6"><jdoc:include type="modules" name="under-content" style="xhtml" /></div>
        <div class="span3"><jdoc:include type="modules" name="under-rigth" style="xhtml" /></div>
      </div>
    </div>
    <div class="<?php echo $container ?>">
      <div class="<?php echo $row ?>">
        <div class="span3"><jdoc:include type="modules" name="bottom-left" style="xhtml" /></div>
        <div class="span6"><jdoc:include type="modules" name="bottom" style="xhtml" /></div>
        <div class="span3"><jdoc:include type="modules" name="bottom-rigth" style="xhtml" /></div>
      </div>
      <div class="<?php echo $row ?>">
        <div class="span3"><jdoc:include type="modules" name="footer-left" style="xhtml" /></div>
        <div class="span6"><jdoc:include type="modules" name="footer" style="xhtml" /></div>
        <div class="span3"><jdoc:include type="modules" name="footer-rigth" style="xhtml" /></div>
      </div>
      <div class="<?php echo $row ?>">
        <div class="span3"><jdoc:include type="modules" name="copyright-left" style="xhtml" /></div>
        <div class="span6"><jdoc:include type="modules" name="copyright" style="xhtml" /></div>
        <div class="span3"><jdoc:include type="modules" name="copyright-rigth" style="xhtml" /></div>
      </div>
      <div class="<?php echo $row ?>">
        <div class="span3"><jdoc:include type="modules" name="debug-left" style="xhtml" /></div>
        <div class="span6"><jdoc:include type="modules" name="debug" style="xhtml" /></div>
        <div class="span3"><jdoc:include type="modules" name="debug-rigth" style="xhtml" /></div>
      </div>

Grazie a giusebos per avermi dato lo spunto.