1

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

有人对此有解决方案吗?

4

2 回答 2

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; }
于 2013-01-13T21:41:06.703 回答
0

您可以使用 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/

于 2013-01-14T01:18:29.960 回答