0

カスタムテンプレートを使用してmagentoを実行しています。私はこの1週間、新製品ウィジェットの画像サイズ（グリッドまたはリスト）を幅232ピクセル、長さ280ピクセルに拡大しようとしています。new_grid.phtmlファイルとnew_list.phtmlファイルをapp/design / frontend / base / default / template / catalog / product / widget / new/contentに正常に配置しました。また、画像のサイズを、幅85ピクセル、長さ85ピクセルから、希望の幅232ピクセル、長さ280ピクセルに変更しました。画像のフレームと画像自体を拡大する代わりに、画像は拡大されているように見えますが、フレームは85px85pxのままです。したがって、85pxx85pxの画像フレーム内の画像のごく一部しか見ることができません。私が話しているウィジェットは、CMSページから挿入できる新しい製品ウィジェットです。Magento CommunityEdition1.7を実行しています

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; ?>
4

3 に答える 3

0

これはほぼ間違いなく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-08T16:52:31.190 に答える
0

私のようにこれに出くわした人のために...

new.phtmlのグリッドリストを変更して、鉱山を修正しました。

<ul class="products-grid">

に：

<ul class="products-grid products-grid--max-<?php echo $_columnCount; ?>-col">
于 2014-12-03T18:24:43.260 に答える
0

画像にCSSを使用して、高さと幅を目的の値に設定できます。次のようなテンプレートを更新する必要はありません。

<Your Image class/id>{
width:50%;
max-width:100%;
}

2）またはjsを次のように使用できます

jQuery("document").ready(function() {
    jQuery(".product-image img").attr({ width: "100%", height: "auto" });
});
于 2018-07-11T07:10:01.557 に答える