簡體   English   中英

Magento 1.7.0.2 List.phtml圖像懸停

[英]Magento 1.7.0.2 List.phtml image hover

我的問題是如何為list.phtml文件中的懸停圖像分配一個自定義屬性作為圖像。

我已經完成了研究,並通過使用此代碼在list.phtml的網格視圖中調用圖像來使站點完成我想要的工作

<a href="<?php echo $_product->getProductUrl() ?>"
   title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>"
   class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->constrainOnly(FALSE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize(135); ?>"
   width="135" height="135" 
   alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>"
   onmouseover="this.src='<?php echo $this->helper('catalog/image')->init($_product, 'thumbnail')->constrainOnly(FALSE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize(135) ?>';"
   onmouseout="this.src='<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->constrainOnly(FALSE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize(135) ?>';" />
</a>

如果將懸停圖像指定為縮略圖,則此方法有效。

我的問題是我正在使用此擴展名導入我的所有產品,並且不允許為基本,小尺寸和縮略圖分配不同的圖像。 您必須使用相同的圖像。 (是的,我可以進入並分別選擇每個圖像並選擇縮略圖,但這不是我擁有的產品數量的選項)

好的,我要做的是為稱為懸停圖像的產品創建了一個自定義屬性,將該列添加到了csv文件中,嘿,它開始起作用了-懸停圖像被提升為“圖像”下的“懸停圖像”選項,如下所示:

在此處輸入圖片說明

所以我的問題是我如何編輯上面的代碼行,以便它調用新的“ hover_image”屬性而不是縮略圖。 我嘗試將縮略圖更改為“ hover_image”,但該網站崩潰了。

請幫助,我感覺很親密但還不很到位。

問題是您的類別頁面上沒有加載您的屬性“ hover_image”。 改變嘗試這個:

如果不確定哪個最佳使用,請轉到任何模塊配置xml文件。local.xml在config節點下添加這些行

<config>
    ...
    <frontend>
        <product>
            <collection>
                <attributes>
                    <hover_image/>
                </attributes>
            </collection>
        </product>
    </frontend>
    ...
</config>

由於“ hover_image”還沒有占位符,因此我們需要添加它。 轉到skin/frontend/default/default/images/catalog/product/placeholder ,在這里您可以找到普通圖像副本image.jpg的占位符,並將副本重命名為“ hover_image.jpg”

之后,清除您的緩存。 如果您使用的是產品統一索引,請對其重新索引。 那你應該可以使用

<?php echo $this->helper('catalog/image')
    ->init($_product, 'hover_image')
    ->resize(135) ?>

讓我知道是否

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM