Question

我正在尝试在所有magento产品上添加快速查看按钮。我可以在产品信息页面上的添加到购物车旁边添加按钮，但不能获得产品图像的参考。这是我的布局xml文件。这里的引用是head，它将按钮添加到每个页面的头部。我希望它出现在该页面上的每个产品图片上。

<default>     
   <reference name="head">
       <block type="core/template" 
              name="mudit_swiftview_footer" 
              template="mudit_swiftview/swiftview.phtml" />
    </reference>
</default>

Answer 1

检查http://www.magentocommerce.com/magento-connect/em-quick-shop-quick-view-product.html。他们使用JavaScript即时插入按钮。下面的示例将在鼠标悬停时在左上角（在本例中）插入快速查看按钮。

$(selectorObj.imgClass, this).bind('mouseover', function() {
                var o = $(this).offset();
                $('#em_quickshop_handler').attr('href',reloadurl).show()
                    .css({
                        'top':   o.top+(1.5 * $(this).height() - qsHandlerImg.height())/2+'px',
                        'left':  o.left+(1.5 * $(this).width() - qsHandlerImg.width())/2+'px',
                        'visibility': 'visible'
                    });
            });


_qsJnit({
        itemClass : '.products-grid li.item', //selector for each items in catalog product list,use to insert quickshop image
        aClass : 'a.product-image', //selector for each a tag in product items,give us href for one product
        imgClass: '.product-image img' //class for quickshop href
    });

检查他们的JS代码以了解更多信息。希望能帮助到你。

在magento产品上添加快速查看按钮

1 个答案: