Magento新產品小部件圖片調整大小

我使用自定義模板運行magento。過去一週我一直在嘗試將新產品小部件（無論是網格還是列表）的圖像大小放大爲232px寬度和280px長度。我已成功找到位於 app/design/frontend/base/default/template/catalog/product/widget/new/content的new_grid.phtml和new_list.phtml文件。我也改變了圖像尺寸從我認爲85px寬度和85px長度到我想要的232px寬度280px長度。而不是放大圖像的幀和圖像本身，圖像似乎被放大，但框架保持在85px 85px相同。因此，您只能在85x85像素的圖像框內看到圖像的一小部分。我正在討論的小部件是您可以從CMS頁面插入的新產品小部件。我正在運行magento社區版1.7Magento新產品小部件圖片調整大小

下面是new_grid.phtml的代碼片段。任何幫助表示讚賞。謝謝

<div class="widget-products"> 
<?php $_columnCount = $this->getColumnCount(); ?> 
    <?php $i=0; foreach ($_products->getItems() as $_product): ?> 
    <?php if ($i++%$_columnCount==0): ?> 
    <ul class="products-grid"> 
    <?php endif ?> 
     <li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>"> 
      <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($_product->getName(), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(232,280) ?>" width="232" height="280" alt="<?php echo $this->stripTags($_product->getName(), null, true) ?>" /></a> 
      <h3 class="product-name"><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($_product->getName(), null, true) ?>)"><?php echo $this->helper('catalog/output')->productAttribute($_product, $_product->getName() , 'name') ?></a></h3> 
      <?php echo $this->getReviewsSummaryHtml($_product, 'short') ?> 
      <?php echo $this->getPriceHtml($_product, true, '-widget-new-grid') ?> 
      <div class="actions"> 
       <?php if ($_product->isSaleable()): ?> 
        <button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span><span><?php echo $this->__('Add to Cart') ?></span></span></button> 
       <?php else: ?> 
        <p class="availability out-of-stock"><span><?php echo $this->__('Out of stock') ?></span></p> 
       <?php endif; ?> 
       <ul class="add-to-links"> 
        <?php if ($this->helper('wishlist')->isAllow()) : ?> 
         <li><a href="<?php echo $this->getAddToWishlistUrl($_product) ?>" class="link-wishlist"><?php echo $this->__('Add to Wishlist') ?></a></li> 
        <?php endif; ?> 
        <?php if($_compareUrl=$this->getAddToCompareUrl($_product)): ?> 
         <li><span class="separator">|</span> <a href="<?php echo $_compareUrl ?>" class="link-compare"><?php echo $this->__('Add to Compare') ?></a></li> 
        <?php endif; ?> 
       </ul> 
      </div> 
     </li> 
    <?php if ($i%$_columnCount==0 || $i==count($_products)): ?> 
    </ul> 
    <?php endif ?> 
    <?php endforeach; ?>

來源

2012-10-08 Vim Bonsu

這幾乎肯定是一個CSS問題。

你似乎是正確這裏調整圖像大小：

<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(232,280) ?>

爲了確保您的新模板得到處理的佈局，可以使系統/配置/開發人員選項卡模板提示。

假設你有這個權利，它很可能重新設置爲CSS在85px。

從widgets.css

.widget-new-products .products-grid .product-image, 
.widget-new-products .products-list .product-image { width:85px; height:85px; }

我強烈建議你喜歡的瀏覽器的檢查工具閒逛弄清楚什麼規則完全是壓倒你的服務器端更改。

歡呼

來源

2012-10-08 16:52:31 Bosworth99

哦天啊！你應該得到你最喜歡的人的一個吻！非常感謝！像魅力一樣工作！ –

Hooray！（我會告訴她......）很高興你把它分類。 Magento是一隻野獸...... – Bosworth99

對於任何人誰遇到這個像我一樣...

地雷是由new.phtml改變電網名單更正：

<ul class="products-grid">

到：

<ul class="products-grid products-grid--max-<?php echo $_columnCount; ?>-col">

來源

2014-12-03 18:24:43

Magento新產品小部件圖片調整大小

回答

相關問題