Magento 1.7：使整个产品网格可点击

Question

我不想让我的整个产品网格在magento 1.7中可点击。所以不仅图像和产品名称，还有它周围的空白区域。

任何人都有解决方案吗？

Answer 1

在app/design/frontend/default/your_company/template/catalog/product编辑文件名为下的电网模式部分list.phtml（或列表模式），你会看到一个初始列表项，看起来像

<li class="item<?php if(($i - 1) % $_columnCount == 0) : ?> first<?php elseif($i % $_columnCount == 0) : ?> last<?php endif; ?>"> 

您可以添加window.open javascript函数的内onclick事件，您的代码将如下所示：

<li class="item<?php if(($i - 1) % $_columnCount == 0) : ?> first<?php elseif($i % $_columnCount == 0) : ?> last<?php endif; ?>" onclick="window.open('<?php echo $_product->getProductUrl() ?>', '_self'); return false;"> 

注意：您可以在window.open改变的第二个参数别的东西像_blank如果您希望链接在新的选项卡/窗口中打开。 See here for more details。您可能需要添加一个小小的CSS来将列表项悬停更改为指针游标，例如

.category-products li:hover { cursor: pointer; } 

Answer 2

你可以这样使用JS和CSS

使用jQuery的例子（假设你使用的是默认的CSS类名，该代码添加到将包含您的产品列表页面上的JS文件）完成

$(document).ready(function() { 
    $('ul.products-grid').click(function(e) { 
     if($j(e.target).is("img"){ 
      window.location.href = $(e.target).closest("li").find('a:first').attr("href"); 
     } 
    }); 
}); 

CSS

.products-grid li:hover { cursor: pointer; } 

例http://jsfiddle.net/7XR5t/2/