0

私の製品はグリッド形式で表示され、このページから直接購入します。カスタムオプション付きのシンプルな製品です。各オプションは色です。各製品/色の組み合わせに画像を割り当て、関連する色のドロップダウンが選択されたときにその画像を表示する方法はありますか？

 ` <?php $_collectionSize = $_productCollection->count() ?>
    <?php $_columnCount = $this->getColumnCount(); ?>
    <?php $i=0; foreach ($_productCollection as $_product): ?>
        <?php if ($i++%$_columnCount==0): ?>
        <ul class="products-grid">
        <?php endif ?>
            <li class="productthumb" item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>">
<a href="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(600); ?>" rel="lightbox" title="<?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?>" />
               <img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(220); ?>" width="220" height="160" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
                <h2 class="product-name"><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h2>
                <?php if($_product->getRatingSummary()): ?>
                <?php echo $this->getReviewsSummaryHtml($_product, 'short') ?>
                <?php endif; ?>
                <?php echo $this->getPriceHtml($_product, true) ?>
                <form action="<?php echo Mage::getBaseUrl(); ?>checkout/cart/add/" method="post" style="display:block; clear:both;"> 
`
4

3 に答える 3

2

製品ページにはこの機能を約束する商用モジュールがいくつかありますが、カテゴリページにはありません。したがって、既成の簡単なオプションはありません。

SKU数、カテゴリページからの注文、およびデータベースの保守性の理由から、構成可能な製品はここに進む方法ではない場合があります。

簡単な回避策は、media / swatch / red.jpg、media / swatch / orange.jpg、media / swatch/redgreenstripes.jpgなどを作成することです。次に、フロントエンドコードで、必要なオプションに一致する見本をプルアップします。カラーオプションごとに、コードをstrtolowerし、get-base-dir-media-swatchesと連結して、画像タグにポップする必要があります。

Blutakと文字列のソリューション？はい。ただし、モジュールの作成に1日を費やす必要はありません。

于 2012-08-31T01:59:16.793 に答える
0

構成可能な製品を使用します。次に、各組み合わせに画像を割り当てることができます。

これをする：

  • 製品ごとに構成可能な製品を作成する
  • 製品と色の組み合わせごとに簡単な製品を作成し、それらが正しい構成可能な製品に関連付けられていることを確認します
  • 作成した各シンプルな商品に画像を割り当てます

次に、グリッドで、代わりに構成可能な製品を表示しますが、オプションのドロップダウンに関連する単純な製品の色属性を表示し、選択すると正しい画像に切り替わります。

構成可能な製品に精通していない場合は、このページを参照してください。単純な製品だけよりも少し複雑ですが、学ぶ価値があります。

于 2012-08-30T23:24:07.430 に答える
0

各製品/色の組み合わせに画像を割り当て、その画像をストアに表示するには、このデモリンクhttp://mage.encoreskydev.com/custom-option-imageからEncoresky /CustomOptionimge拡張機能にアクセスしてください。

于 2020-12-03T10:30:51.087 に答える