eBook 'Look Inside' feature?

[skipwater]

Skip, do you by chance have a link that I could look at? Sounds like this might be the simplest solution.

I found a place to show you an example. It is only there for the holiday season.

http://www.ccssinc.com/index.php?main_page=product_info&cPath=75&products_id=427

Skip

[KismetDesign]

This would definately be better than what we have now, that's for sure!

Can you send me what you did? I would super appreciate it.

[skipwater]

I just needed a fast and easy way to add a popup window. Any where that I could place a link.

Just for easy setup I place this file in includes/templates/YOUR_TEMPLATE/common/popup.php
But you can place it anywhere you want you just have to add the path to the include statment.
Just copy the code below and save it as popup.php

<?php
/**
* popup.php
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
*
* Standards Compliant Popup Script
* Author : Kevin Cannon
* http://www.multiblah.com
* Last Edited: 12.12.2004
* Version 1.0
*
* SkipWater adapted for zen cart 10.15.09
*
* Searches through a document for links with the class popup.
* When clicked, this link will open in a popup window.
* This means you don't have to add javascript to your code, 
* and means the links continue to work, for search engines, 
* and browsers without javascript.
*
*/
?>

<script type="text/javascript">

function initPopups() {

    if (!document.getElementById) return
    var aLinks = document.getElementsByTagName('a');
    for (var i = 0; i < aLinks.length; i++) {        
        if (aLinks[i].className == 'popup') {
            
            aLinks[i].onclick = function() {
                var url = this.href;
                openPopup(url);
                return false;
            }    
        }
    }
}

// popupWindow function
// This is where you set your specific height & width etc... for your popups.

function openPopup(url) {    
    window.open(url, 'popupwindow', 'width=640,height=500,scrollbars,resizable'); 
    return false;
}

// Piggy-back fucntion onto onLoad event
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(initPopups);

</script>

Add this include link to your includes/templates/YOUR_TEMPLATE/common/html_header.php just before </head> tag.

<?php include("popup.php"); ?>

To call the popup with a link

<a class="popup" href="path_to_it/pdf_file.pdf">A PDF File or any file you want in the popup window</a> 

That's it

Skip

[KismetDesign]

Thanks alot!

[Twaddle]

I just needed a fast and easy way to add a popup window. Any where that I could place a link.

That's it

Skip

Hi Skip,

That works perfectly, thanks for that, you came up with that at just the right time I needed it - very clean and simple too :)

Is it possible do you (or anyone else) know to have the window resize automatically to the size of the image? That would make this little mod 100% perfect

[skipwater]

Is it possible do you (or anyone else) know to have the window resize automatically to the size of the image? That would make this little mod 100% perfect

Have not needed so have not done. You might find the lightbox mod a better solution to deal with images.

Skip

[Twaddle]

Have not needed so have not done. You might find the lightbox mod a better solution to deal with images.

Skip

Okay, thanks for the tip, for future installations I'll bear it in mind, but for this present site I am doing yours is just fine, so thanks again

[dontolmanusa]

hi Skipwater,

love your fix for this. exactly what I'm looking for. BUT I'm a newbie! I've created a folder (pdf_files) within my Includes folder, uploaded by abbreviated pdf file to it, created the pop-up.php within my common folder. my template does not have the html_header.php folder but does have tpl_header.php wherein I placed your line of code "<?php include("popup.php"); ?> " just before the </div> command near the end of the file. then I used your code as the link in my product description, substituting the path to it as follows:

<a href="/public_html/pdf_files/AncientEpicuresPreview.pdf" class="popup">CLICK HERE for a look inside</a>

yet when I click on the link, I get a 404 error file not found.

can you tell what I'm doing wrong? is my placement of the include code in the wrong place within the tpl_header file? sure appreciate any assist you can give!

[Landysim]

I just needed a fast and easy way to add a popup window. Any where that I could place a link.

Just for easy setup I place this file in includes/templates/YOUR_TEMPLATE/common/popup.php
But you can place it anywhere you want you just have to add the path to the include statment.
Just copy the code below and save it as popup.php

<?php
/**
* popup.php
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
*
* Standards Compliant Popup Script
* Author : Kevin Cannon
* http://www.multiblah.com
* Last Edited: 12.12.2004
* Version 1.0
*
* SkipWater adapted for zen cart 10.15.09
*
* Searches through a document for links with the class popup.
* When clicked, this link will open in a popup window.
* This means you don't have to add javascript to your code, 
* and means the links continue to work, for search engines, 
* and browsers without javascript.
*
*/
?>

<script type="text/javascript">

function initPopups() {

    if (!document.getElementById) return
    var aLinks = document.getElementsByTagName('a');
    for (var i = 0; i < aLinks.length; i++) {        
        if (aLinks[i].className == 'popup') {
            
            aLinks[i].onclick = function() {
                var url = this.href;
                openPopup(url);
                return false;
            }    
        }
    }
}

// popupWindow function
// This is where you set your specific height & width etc... for your popups.

function openPopup(url) {    
    window.open(url, 'popupwindow', 'width=640,height=500,scrollbars,resizable'); 
    return false;
}

// Piggy-back fucntion onto onLoad event
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(initPopups);

</script>

Add this include link to your includes/templates/YOUR_TEMPLATE/common/html_header.php just before </head> tag.

<?php include("popup.php"); ?>

To call the popup with a link

<a class="popup" href="path_to_it/pdf_file.pdf">A PDF File or any file you want in the popup window</a> 

That's it

Skip

Skip. I am very new to this coding thing and I am not getting this right somehow. I followed all instructions and I still can't get it right. One thing I noticed my template do not has a html_header.php file inside of commons so I copied it from another template (maybe that is the problem?) But still here is the code I am adding (this is a sample code I am using to try to get it right) ...For a complete review of the Spanish Verbs<a class="popup"href="download/SpanishVerbsforDummies.pdf"> Click here</a>...
I have my pdf file loaded inside of download, I created the popup.php file and I added the code to the html_header.php
I get a popup window saying ...Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.

The url I am working on is http://halifaxspanishlessons.com/tra...page=page&id=5 but it is password protected. let me know please if you can help me with this. thanks..

[skipwater]

The url I am working on is http://halifaxspanishlessons.com/tra...page=page&id=5 but it is password protected. let me know please if you can help me with this. thanks..

The include header info looks OK but with the password protected pdf. I can not tell anything else.

You might want to setup a non-protected pdf file for testing and see how that works.

Skip