Помогите с выводом блоков

Android · June 13, 2012

Всем привет, помогите пожалуйста решить с выводом блоков. Есть div mainA внутри него еще один блок с контентом, необходимо чтобы на ширину блока mainA встало два блока с контентом, етого я добился, но вот при появлении 3го блока он выводится отдельно от основнога блока mainA ето из за того что конструкция ifelse выводится после него, иначе просто будет выводить каждый блок на новой строке. Я так понимаю что нужно вставить какуюто функцию или хз что, чтобы условия начинало выполняться с самого начала но уже вместе с основным блоком mainA

вот как получается

а вот как должно быть

код вставил как у меня он, сразу с пхп


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Лента</title>
  <style type="text/css">
  .mainA{
	margin:auto;
	background:#e8e8e8;
	max-width:480px;
	height:150px;
	border-radius:8px;
	margin-bottom:5px;
	border-bottom: 1px solid black; 
  }
   .contentA, .menuA { 
	padding: 10px;

    }
   .containerA{
		width:200px;
		height:120px;
		float:left;
		margin:12px 16px 8px 16px;
		background: #f2f2f2; 
		border-radius:8px;
		position:relative;
	}
   .contentA {
	width:100px;
	height:100px;
    margin-left:80px;
	text-align:left;
   } 
   .menuA {
    width: 100px; 
	height:100px;
    color: #f2f2f2; 
    float: left; 

   }

   .imgA{
	border:1px solid #000;
   }
   .contentA li{
	font-size:12px;
	font-family:verdana, sans-serif;
	display:inline;
	margin:0;

   }
   ul{
	margin-top:20px;
	padding:4px;

   }

  </style>
 </head>
 <body>

 <div class="mainA products-grid">
				<?php
				$_productCollection=$this->getLoadedProductCollection();
				$_helper = $this->helper('catalog/output');
				if ($_productCollection->count()):
				$_iterator = 0;

				foreach ($_productCollection as $_product): ?>
  <div class="containerA products-grid">		
						<?php 
							$url = null;
							if ( $category = Mage::registry('current_category')) {
							  $url = $category->getUrl();
							  $name = $category->getName();
							} elseif ( $categories = $_product->getCategoryIds()) {
							  $category = Mage::getModel('catalog/category')->load($categories[2]);
							  $url = $category->getUrl();
							  $name = $category->getName();
							}
							$link = is_null($url);
						?>
   <div class="menuA">
		<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img class="imgA" src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="95" height="95" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
   </div>
      <div class="contentA"> 
			<ul>
				<li>
					<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($_product->getName(), null, true) ?>"><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></a>
				</li>
				<li>See all: <a href="<?php echo $url?>"><?php echo $name?></li>   

			</ul>
		</div>
   </div>
    <?php endforeach;?>
       <?php endif;?>     
  </div>
 </body>
</html>

Edited June 14, 2012 by Android

Avalon4eg · June 14, 2012

Если вы хотите, чтоб каждые 2 футболки выводились в блоке mainA, то его тоже нужно выводить в цикле

Android · June 14, 2012

Если вы хотите, чтоб каждые 2 футболки выводились в блоке mainA, то его тоже нужно выводить в цикле

а можете написать условия цикла?? я перепробовал уже все что знал наверное

Avalon4eg · June 14, 2012

Ну образно это можно сделать так:

вес код поместить в цикл

foreach ($_productCollection as $_product)

и вести какую-нибудь глобальную переменную ($counter к примеру), которая будет инкриминироваться

а

<div class="mainA products-grid">

и его закрывающий тег поставить в условие, которое будет выполнятся только, к примеру, если $counter кратный 2м.

то есть будет выполнятся 1 раз за 2 шага цикла.

Ну как бы дал вам пищу для размышления удачи

Android · June 14, 2012

спасибо, вечером попробую сделать

Gold Dragon · June 15, 2012

Я бы сделал по другому. Поместил бы вывод строки в отдельную функцию, а в цикле передавал бы значение. Ну что-то типа такого


<html>
<head>
	<meta  http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Лента</title>
	<style type="text/css">
		.main{
			margin: 0 auto;
			border: 1px solid black;
			padding: 10px;
			width: 800px;
		}
		.record{
			width: auto;
			background-color: #e0e6d1;
			padding: 10px;
		}
		.record1, .record2{
			border: 1px solid #D1D1D1;
			margin: 5px;
			padding: 5px;
			float: left;
			background-color: #ffffcc;
			width: 368px;
		}
		/* коррекция стиля */
		.clear:after {
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
			content: ' ';
			font-size: 0;
		}
		.clear {
			*zoom: 1;
		}
	</style>
</head>
<body>
<div class="main">
<?php

// TODO заглушка: тестовый массив с нечётым количеством	
$_productCollection = array('11','141','61','01','91','16','14');

// матаем цикл
foreach($_productCollection as $_product){

	// проверяем столбец и в зависимости от результата делаем вывод
	if(!isset($column) or $column == 1){ // если это первый столбец

		// присваиваем необходимые значения для первого столбца
		$a1 = $_product;

		// говорим что следующий столбец будет 2
		$column = 2;

	}else{ // если это второй столбец

		// присваиваем необходимые значения для второго столбца
		$a2 = $_product;

		// говорим что следующий столбец будет 1
		$column = 1;

		// ну и посылаем сразу два значения на вывод
		mainA($a1, $a2);
	}
}
// повторно выводим резултат если количество записей нечётное
if($column == 2)
	mainA($a1);

/**
 * Функция выводит результат
 * @param string $a1 - содержимое первого столбца
 * @param string $a2 - содержимое второго столбца
 */
function mainA($a1, $a2=''){
	echo '<div class="record">';
	echo '<div class="record1">' . $a1 . '</div><div class="record2">' . $a2 .'</div>';
	echo '<div class="clear"></div></div>';
}
?>
</div>
</body>

Edited June 15, 2012 by Gold Dragon

Sign In

Помогите с выводом блоков

Question

Android

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Avalon4eg

Link to comment

Share on other sites

Android

Link to comment

Share on other sites

Avalon4eg

Link to comment

Share on other sites

Android

Link to comment

Share on other sites

Gold Dragon

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information