Problème de mise en page

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Problème de mise en page

    Bonjour, je viens vous demander un peu d'aide car je me retrouve face à un problème que je n'arrive pas à régler. J'utilise le module dédié aux nouveautés, produits en vedette. Et j'obtiens de manière assez aléatoire un problème dans la mise en page. D'un seul coup, mes produits ne s'affichent plus correctement. Au lieu d'avoir une ligne de 4 produits, je me retrouve avec 3 produits sur une ligne, 1 seul sur la ligne suivante....J'ai tout regardé, je ne comprends vraiment pas pourquoi ca me fait ca ... surtout que parfois ca marche tres bien, et d'autres ca deconne complet.

    http://boogaloushop.fr/index.php/nouveautes On peut tres bien voir ici le massacre !

    Si quelqu'un a une solution, je suis preneur !
    Merci !

    Voici le code que j'utilise :
    Code:
    		<h1 class="browse-view">
    			<div class="browse-view front">
    			<div class="row boxIndent">
    			
    			<?php foreach ($products as $product) { ?>
    			
    			<div class="product floatleft <?php echo ' vm-col-' . $products_per_row . $show_vertical_separator ?>"style="width:25%">
    				<div class="spacer">
    	<div class="floatleft col-1">
    		
    					</div>
    					<div class="floatleft col-3">
    					<div class="title-indent">
    					<h2><?php echo JHtml::link ($product->link.$ItemidStr, $product->product_name); ?></h2>
    					<p class="product_s_desc">
    					<?php echo shopFunctionsF::limitStringByWord ($product->product_s_desc, 40, '...');?>
    					</p>
    					</div>
    					</div>
    					<div class="floatright col-2">
    			
    <?php echo shopFunctionsF::renderVmSubLayout('prices',array('product'=>$product,'currency'=>$currency)); ?>
    <?php echo shopFunctionsF::renderVmSubLayout('addtocart2',array('product'=>$product,'row'=>0)); ?>
    
    
    </div>
    						
                  
    				</div>
    				
    			</div>
    			
    		
    			
    			
    			
    			
    			
    			<?php
    			if ($col == $products_per_row && $products_per_row && $col < $totalProd) {
    				echo "	</div><div class='row boxIndent'>";
    				$col = 1;
    			} else {
    				
    				$col++;
    			}
    		} ?>
    		</div>
    		
    		
    		<br style='clear:both;'/>
    Dernière édition par moreche à 04/06/2016, 13h29

  • #2
    Re : Problème de mise en page

    Bonjour,

    En "inspectant" votre site, j'ai 8 erreurs :
    - certaines sur des CSS/JS non trouvés :




    - une autre avec un } qui semble se promener : http://boogaloushop.fr/index.php/nouveautes

    Peut-être est-ce ce qui pose problème.

    Pascal
    If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

    Commentaire


    • #3
      Re : Problème de mise en page

      Un autre problème: votre template n'a pas l'air "responsive", il ne s'adapte pas suivant la largeur de l'affichage.

      Pascal
      If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

      Commentaire


      • #4
        Re : Problème de mise en page

        Bonjour,

        Il y a un problème de conception du module.
        Il faudrait faire un clear:both avant d'attaquer la nouvelle ligne.
        On peut indiquer le nombre de produits par ligne ($products_per_row) mais la largeur est forcée à 25% en style inline. pourquoi ?

        PS. pourquoi faire un site non responsive ?

        Comme ceci, ça marche
        Cliquez sur l'image pour l'afficher en taille normale

Nom : boogaloushop.jpg 
Affichages : 1 
Taille : 151,8 Ko 
ID : 1805589
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : Problème de mise en page

          Bonjour, merci pour votre réponse. J'ai corrigé la plupart des erreurs, il me reste celle avec le } mais la je sais pas trop a quoi m'attaquer pour la résoudre ... Je ne pense pas que le fait qu'il soit responsive ou non influe sur mon pb... J'utilise le meme module en page d'accueil et ici l'affichage est tres aléatoire ... un coup ca fonctionne, l'autre non, ca décale ...

          Commentaire


          • #6
            Re : Problème de mise en page

            Merci pour votre réponse ca a fonctionné .... Pourquoi ne pas faire un site responsive... Car je m'étais lancé sur ce site il y a quelques temps déja, puis j'ai abandonné entre temps ... Je n'ai que tres peu de connaissance et le "responsive" ca ne me parle pas du tout

            Commentaire


            • #7
              Re : Problème de mise en page

              Pour le } en trop, il est dans le module suivant (c'est le code généré)
              Code:
              							<div class="moduletable_LoginForm">
              									<div class="moduletable _LoginForm span3">
              						<!-- http://www.Youjoomla.com YJ Pop Login for Joomla 1.7 and up starts here --> <script type="text/javascript">
              window.addEvent('domready', function() {
              		
              	
              		}); 
              
              		$("reg_pop").setStyles({
              			left: (window.getScrollLeft() + (window.getWidth() - 445)/2)+'px'
              
              		}); 
              });
              </script>
              Il s'agit du dernier } avant le );</script>

              Pascal
              If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X