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

Question

我不想让我的整个productgrid 在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.openjavascript 函数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其他参数。有关详细信息，请参见此处。您可能需要添加一些 CSS 以将列表项悬停更改为指针光标，例如_blank

.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/