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 和字符串解决方案？是的，但您不需要花一整天时间编写模块。

于 2012-08-31T01:59:16.793 回答
0

使用可配置的产品。然后，您可以为每个组合分配一个图像。

去做这个：

  • 为每个产品创建一个可配置的产品
  • 为每个产品+颜色组合创建一个简单的产品，确保它们与正确的可配置产品相​​关联
  • 为您刚刚创建的每个简单产品分配一个图像

然后，在您的网格中，改为显示可配置产品，但在选项下拉列表中显示相关简单产品的颜色属性，并在选择时切换到正确的图像。

如果您不熟悉可配置产品，请参阅此页面。它们比单独的简单产品要复杂一些，但值得学习。

于 2012-08-30T23:24:07.430 回答
0

要将图像分配给每个产品/颜色组合并在您的商店中显示该图像，请使用Encoresky/CustomOptionimage扩展访问此演示链接http://mage.encoreskydev.com/custom-option-image

于 2020-12-03T10:30:51.087 回答