creating quick view manually

[Jiten rash (away)]

hello guys as prestashop already has has fancy box plugin we can really create quick view for it i really didn't tried need some advice

we need to add this inside productlist.li

<div class="quickbtn">

    <a class="button orange small qvlink vhidden" title="Quick Buy" rel="ajax_id_product_id nofollow" pageurl="/category/productid/producturl" href="javascript:void(0);" data="productid"></a>
</div>

CSS

.qvbtn{

position: absolute;
top: 140px;
text-align: center;
width: 100%;
text-transform: capitalize !important;
z-index: 1;}

.vhidden {
    visibility: hidden;}

 

 

javascript

("#product_list li a.qvlink").each(function(a,{$(.bind("click",function(){$.fancybox({href:"/modules/quickview/quickview-ajax.php?id_product="+$(this).attr("data"),type:"ajax",hideOnOverlayClick:!0,centerOnScroll:!0,onStart:function(){combinations&&(combinations=[]);selectedCombination&&(selectedCombination=[]);globalQuantity&&(globalQuantity=0);colors&&(colors=[])},onComplete:function(){initQV(a)[spam-filter])})})});var moverhandler=function(){var c=$(this).height()+20;$(this).children("div.hover_block").css("height",c).show();$(this).find("a.button, div.addthis_custom").removeClass("vhidden")},mouthandler=function(){$(this).children("div.hover_block").hide();$(this).find("a.button, div.addthis_custom").addClass("vhidden")};function addPixelIFrame(c){$("<iframe />",{src:c,scrolling:"no",width:"1",height:"1",marginheight:"0",marginwidth:"0",frameborder:"0"}).appendTo("body")};

Now my main question is how to add the url

 

pageurl="/{$product.category}/{{$product.id}/{$product.link}"  data="{{$product.id}">

 

WILL IT WORK?

Edited September 2, 2013 by Jiten rash (see edit history)

[Medness]

come about?

[Jiten rash (away)]

iam 70% confident it will work have try

[Yoosuf]

iam 70% confident it will work have try

What is the progress? Was it successful? Share your feedback and we too could help you out