How to add quick view window

[prakashivan]

Hi Everyone,

 

I have created few links in my display nav block. These are links which will redirect to another page. What i want is to stay in same page with a quick view window with some info.

 

http://localhost:8888/prestashop/

PS 1.6.0.8

Theme: default bootstrap

Attached is a pic how i want the quick view

Thanks in advance

[vekia]

you mean that you want to open these pages (that you added to displayNav) in modal popup window?

[prakashivan]

you mean that you want to open these pages (that you added to displayNav) in modal popup window?

 

Yes something similar. To explain more if user clicks on the link i want a small window in same page without redirecting to other page. When he closes this window he should be able to see the main page contents again. Hope that is clear

 

Thanks

[vekia]

it will be necessary to add fancybox library to each page in your website

 

and js script:

	if (!!$.prototype.fancybox)
		$("a.iframe").fancybox({
			'type': 'iframe',
			'width': 600,
			'height': 600
		});

then create links with class="iframe"

[prakashivan]

it will be necessary to add fancybox library to each page in your website

 

and js script:

	if (!!$.prototype.fancybox)
		$("a.iframe").fancybox({
			'type': 'iframe',
			'width': 600,
			'height': 600
		});

then create links with class="iframe"

Hi Viki,

 

Is this done in js folder or themes folder files...i am not quite sure which js files u r referring to...thanks

[vekia]

in frontcontroller setmedia() function add:
 

$this->addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css', 'screen');
$this->addJqueryPlugin('fancybox');

:-)

[prakashivan]

in frontcontroller setmedia() function add:

 

$this->addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css', 'screen');
$this->addJqueryPlugin('fancybox');

:-)

I added above code into FrontController.php and where does below code goes ? i mean which file, i am quite new so asking...i need to learn a lot here. Thanks

 

if (!!$.prototype.fancybox)

        $("a.iframe").fancybox({

            'type': 'iframe',

            'width': 600,

            'height': 600

        });

[prakashivan]

hi Veki,

 

Please see this  http://www.bewakoof.com/ (links on display nav section)

 

I want similar quick view on my page, really do not know whether i am supposed to post other web site addresses(sorry if it is not allowed)

 

Tx