Jump to content

Recommended Posts

Hello guys i have recently worked on prestashop zoom feature and i got some success which i am sharing

prestashop default zoom is isn't that great it doesn't really gives u full zoom

so here u go go to themes/default/js/product.js line 531

just change to

 

$('#bigpic').attr('rel', $('#bigpic').attr('src').replace('large', 'thickbox'));

$('img.jqzoom').jqueryzoom({

xzoom: 350, //zooming div default width(default width value is 200)

yzoom: 350, //zooming div default width(default height value is 200)

xOffset:90,

yOffset:30,

position:'right'

});

 

here u see just u need to replace the position of large to thickbox and thickbox to large

 

$('#bigpic').attr('rel', $('#bigpic').attr('src').replace('thickbox', 'large'));

 

 

result

http://unitekhub.com/home/8-samsung-galaxy-s4.html

 

hope it helps

  • Like 2
Link to comment
Share on other sites

ok fine my website in 30%responsive lol..

wen i was creating a responsive css i came to know that

 

for example

<div id="page" class="container_9">

u cannot just leave all properties at media screen

like

@media only screen and (min-width:1218px) {

.container_9{width:1000px;}

 

in this case IE doesnt detect media screen and site collapses..

 

u need to add a javascript

 

https://github.com/s.../respond.min.js

 

to really make it better. u remember a site http://japanbestshop.com/

doesn't appear on IE cos their css tags are entirely added at media screen

Edited by Jiten rash (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...