News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

poduct detail page i don't want modal pop up on click on the small thumbnails

Started by boucdur, March 27, 2012, 14:30:25 PM

Previous topic - Next topic

boucdur

hello everybody,

In the product details pages by default when we click on one of the small thumbnails there is a modal pop up window oppening with a bigger image.
What I would like is this:

1/ on click on one of the small thumbails have the bigger image showing where the big image is (not as a modal pop up window).
just like this is on most ecommerce website like this one :
http://www.somewhere.fr/bermuda-multipoches-homme-lin.htm?ProductId=101003050&t=6


2/ On this website :
http://www.flexiblewebdesign.com/virtuemart-theme/index.php?option=com_virtuemart&page=shop.product_details&flypage=flexible_flypageV1_WIDE.tpl&product_id=17&Itemid=53
in the product details page they have got a nice zoom when you put the mouse on the big image.
is it possible to get that with virtuemart ?

Thanks for your help,

rzrz

Quote from: boucdur on March 27, 2012, 14:30:25 PM
hello everybody,

In the product details pages by default when we click on one of the small thumbnails there is a modal pop up window oppening with a bigger image.
What I would like is this:

1/ on click on one of the small thumbails have the bigger image showing where the big image is (not as a modal pop up window).
just like this is on most ecommerce website like this one :
http://www.somewhere.fr/bermuda-multipoches-homme-lin.htm?ProductId=101003050&t=6


2/ On this website :
http://www.flexiblewebdesign.com/virtuemart-theme/index.php?option=com_virtuemart&page=shop.product_details&flypage=flexible_flypageV1_WIDE.tpl&product_id=17&Itemid=53
in the product details page they have got a nice zoom when you put the mouse on the big image.
is it possible to get that with virtuemart ?

Thanks for your help,

Hi I'm facing the same challenge and trying to find a solution. Any luck on your side so far?

solwininfotech

hi

Go to this file media > system > js > modal.js on line number 9

Search for                  !SqueezeBox.fromElement(this,b)

Comment it like       /*!SqueezeBox.fromElement(this,b)*/  and than write after that
"return false"

This thing is work for me in VM 2.0.2 and Joomla 1.7


Try and check it . I think it work for you....

solwininfotech

Quote from: rzrz on April 30, 2012, 12:08:52 PM
Quote from: boucdur on March 27, 2012, 14:30:25 PM
hello everybody,

In the product details pages by default when we click on one of the small thumbnails there is a modal pop up window oppening with a bigger image.
What I would like is this:

1/ on click on one of the small thumbails have the bigger image showing where the big image is (not as a modal pop up window).
just like this is on most ecommerce website like this one :
http://www.somewhere.fr/bermuda-multipoches-homme-lin.htm?ProductId=101003050&t=6


2/ On this website :
http://www.flexiblewebdesign.com/virtuemart-theme/index.php?option=com_virtuemart&page=shop.product_details&flypage=flexible_flypageV1_WIDE.tpl&product_id=17&Itemid=53
in the product details page they have got a nice zoom when you put the mouse on the big image.
is it possible to get that with virtuemart ?

Thanks for your help,

Hi I'm facing the same challenge and trying to find a solution. Any luck on your side so far?









hi

Go to this file media > system > js > modal.js on line number 9

Search for                  !SqueezeBox.fromElement(this,b)

Comment it like       /*!SqueezeBox.fromElement(this,b)*/  and than write after that
"return false"

This thing is work for me in VM 2.0.2 and Joomla 1.7


Try and check it . I think it work for you....

K&K media production

You need a template override of the productdetails page:

Copy

components/com_virtuemart/views/productdetails/tmpl/default.php

to

templates/your_template/html/com_virtuemart/productdetails/

Than search in this file for:

<?php echo str_replace('<a', '<a class="modal"', $this->product->images[0]->displayMediaFull('class="product-image"',true,"class='modal'",true)); ?>

and remove class="modal"

rzrz


solwininfotech


portugas

I´ve tried to do de same but didn't work de suggestion  in de modal.js change

and couldn't find that text in my default.php page in the productdetaills folder

I'm on Joomla 2.5.4 and virtuemat 2.0.6

Any suggestions please?

baijianpeng

This problem is typical. I hope the VM team will change the source code to change the pattern. Why we need to pay for something that SHOULD be the core feature of VM?

BTW, the "html override" method mentioned above does not work: I can not find those text in that views file.

Anyone has better idea to solve this?
http://www.joomlagate.com/

Chinese Joomla Users Portal

jenkinhill

@baijianpeng what is your problem? You are replying to a year old thread about code which is now substantially different in the current VirtueMart version.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum