将项目插入到砌体jquery中

时间:2013-08-02 11:33:01

标签: magento jquery-masonry

在magento的产品列表页面中,我使用了砖石,效果很好。但现在我想添加一个在砌体区域有一些文字的div。我尝试了这个,我得到了结果,但它打破了砌体项目。我用过的代码......

  <?php if ($category_nameplace == round($_collectionSize/2)): ?>
    <div class="item">
      <h2 class="productcategory-name"><?php echo $this->getLayer()->getCurrentCategory()->getName() ?></h2>
    </div>
  <?php endif; ?>

以上代码用于向砖石区域插入额外项目。在上面的代码我计算项目编号,当我得到中间数字我插入我的div in bellow书面区域

<div id="basic" class="products-grid unstyled thubmnails js-masonry">
          <?php $category_nameplace = 0; foreach ($_productCollection as $_product): ?>
          <?php $category_nameplace++; ?>
        <div class="item">
          <div class="thumbnail">
            <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image thumbnail"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(rand(135,400)); ?>" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
            <div class="caption">
              <h2 class="product-name product-info"><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h2>
              <h2 class="product-info"><?php echo "Dimension:".$_product->getDimension(); ?></h2>
              <h2 class="product-info"><?php echo $_product->getPrice(); ?></h2>
            </div>
          </div>
        </div>
          <?php endforeach ?>
        </div>

0 个答案:

没有答案