[英]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.