panorama software,virtual tour software
Alternate Text
Joined: 2008-02-12
Send Msg:
Posts: 88
2008-04-19
#1

Publish a tour with a template

Has anyone used the Publish option (General Tab): "Publish a tour with a template html"?

The help documentation mentions two macros: "In Tourweaver 3.00, you can choose to publish virtual tour with a template html. There are two macroes provided: <!-%% Embeded Virtual Tour %%-> and <!-%% Popup Virtual Tour %%->. For example, you want to embed a tour into a certain webpage, you can build a template with <!-%% Embeded Virtual Tour %%->. Or if you want to use a webpage where there is an image icon to pop up a virtual tour, you can use <!-%% Popup Virtual Tour %%->."

Where are these files? What does the resultant output look like? All I can do, by clicking on the button, is launch a window which is looking to open a html file - it is puzzling me!

 


Alternate Text
Forum Moderator
Joined: 2002-11-23
Send Msg:
Posts: 5438
2008-04-19
#2

You simply need to build your own HTML template files.

When you publish to them the code will be implemented is my understanding.

Some simple testing should show you the results.

Regards, Smooth


Alternate Text
Joined: 2008-02-12
Send Msg:
Posts: 88
2008-04-19
#3

Right - I created a new xhtml compliant web page (using Dreamweaver). I deleted the embedded styles section and created an external style sheet (CSS). My main .xhtml file contained the bare essentials of html code. What was the point of this exercise? - To center my tour production in my web browser window using a container "frame" (a well known CSS solution to centering web content).

So after creating and saving this file to my hard drive (anywhere will do) as template.html, I tried to publish the page using the template option - I received a pop-up warning stating "The template file must include <!-%% Embeded Virtual Tour %%-> or <!-%% Popup Virtual Tour %%->"

Ok, so I then inserted the <!-%% Embeded Virtual Tour %%-> string into the body section of the file. So now I have the following html code in my template html file:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Tour Title</title>
<style type="text/css"></style>
<link title="css/tour.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body class="oneColElsCtr">
<!-- fixed width and auto centred-->
<div id="container">
<div id="mainContent">
<!-%% Embeded Virtual Tour %%->
</div>
</div>
</body>
</html>

I then tried again to Publish my project using the template option. No warning this time just a window looking to open a html file. What to do now?

I selected my new file, template.html, in the "open file window". This started an interesting sequence of events - the software copied my file and placed it in my tour project folder, then it replaced the path string to point to this new location (now that is interesting). So now in option "Publish Page - Template" on the general tab of the publish window I have the following path greyed out: "...\my_tour_project\Window\MainWindow\template.html"

The rest of the Publish sequence completed successfully and I was left with my newly created project files, as normal. All that remained for me to do was copy my external CSS file and place it with these new tour files.

Result - it worked. I have my tour, centered in my browser. The html code is standards compliant, and I have a template stored separately on my PC (along with the CSS file) that I can use for future projects.

I feel that the help documentation just needs to explain the feature better.

 


Alternate Text
Forum Moderator
Joined: 2002-11-23
Send Msg:
Posts: 5438
2008-04-20
#4

Basically this feature is designed for those who have a basic understanding of HTML and that is not the case it would seem with most users of the product.

In fact, you are the very first to ask about it in all the years this option has been available.

Personally I don't use it. But I could see value in it "if" you wanted to output to a stylized html page rather than the default and then modify.

By stylized I mean a HTML that already is formatted with headers, tables, logo's, menu, colours and default fonts etc with the "Tour" being added via embed.

Explaining better is not as easy as you would think. I have been doing tutorials for years and each and every customer/client interprets things differently.

As I suggested "Some simple testing should show you the results" which with your understanding of HTML you have worked it out.

Now that you have posted your experience others who think this might be useful to then will find your post very enlightening.

This process/option is not dissimilar to the way Pano2QTVR - Pano2VR outputs to selected HTML template.

Regards, Smooth


Alternate Text
Joined: 2008-02-12
Send Msg:
Posts: 88
2008-04-24
#5

I'll just add this as a note:

Template info. can also be found at: http://www.easypano.com/showkb_279.html


Alternate Text
Joined: 2009-05-15
Send Msg:
Posts: 19
2009-07-13
#6
Bruxist,

When I say "build me a gallery image", I mean using the (FAQ) "<!-%% Popup Virtual Tour %%-> is to display the thumbnail... " feature. The result should contain something like the thumbnail images found at http://www.easypano.com/virtual-tour-gallery.html. I've tried to generate this page/thumbnails with the <!-%% Popup Virtual Tour %%->, but couldn't get it to work. It's really only the thumbnails I'm interested in, and not the html... and I can probably get around this problem with screenshots; but it would be nice to have TW generate thumbnails for me.

Any suggestions?
Alternate Text
Joined: 2008-02-12
Send Msg:
Posts: 88
2009-07-14
#7

OK, now I think I understand what you would like to do - but I do not think TW can generate the small thumb nail images that you want (even the print feature is not too great at this time). As a work around I would suggest this (sorry if I am teaching you how to suck eggs here):

The FAQ topic listed above has an attachment linked to it called Att1. This contains the following html code which can be used as a template file:

<html>
<head>
<META NAME="GENERATOR" Content="Tourweaver">
<title>
<!-%% Virtual Tour Title %%->
</title>
</head>
<body
<p><em><b><font size= +1 >Note:</font></b></em></p>
<p><em>hello popup</em></p>
<p><em><!-%% Popup Virtual Tour %%->
</em></p>
</body>
</html>

This is EPs example and I see no image being linked here. If I add one line of html and place a suitably sized thumb nail image in the root folder of the tour then it will work.

<html>
<head>
<META NAME="GENERATOR" Content="Tourweaver">
<title>
<!-%% Virtual Tour Title %%->
</title>
</head>
<body
<p><em><b><font size= +1 >Note:</font></b></em></p>
<p><em>hello popup</em></p>
<p><img src="thumb.jpg" width="150" height="110"></p>
<p><em><!-%% Popup Virtual Tour %%->
</em></p>
</body>
</html>

To get the thumb nail image - you could get a screen capture of your tour - crop away any unwanted background, and then resize it down to the size required (the above example uses a 150x110 image) using any image editor.
Not the perfect solution I agree (there is nothing automatic in this) but if this gets you the effect you want then good.

Sorry I cannot give you any better solution. Maybe EP can comment on how they created their web site picture gallery (mentioned above)...

Rgds


Alternate Text
Joined: 2008-02-12
Send Msg:
Posts: 88
2009-07-14
#8

Here is the source code that EP have used on their web site - it is very similar to what I have shown above:

  <a href="#" onClick="javascript:window.open('/gallery/tourweaver400/tourweaver_hotel.html','_blank','status=yes,top=0,left=0,width=1000,height=661');" title="hotel virtual tour"><img src="http://www.easypano.com/gallery/tourweaver400/hotel1127-2/hotel.jpg" width="244" height="162" border="0"></a></p>

Alternate Text
Joined: 2009-05-15
Send Msg:
Posts: 19
2009-07-02
#9
I'm not as interested as having TW build pages for me (I do that seperately) as I am knowing how to have the TW Publish routine build me a gallery image.

For example, on http://www.easypano.com/virtual-tour-gallery.html there's an image generated at http://www.easypano.com/gallery/tourweaver400/hotel1127-2/hotel.jpg.

I've tried all kinds of ways to get TW to Publish using a template file with the macro inserted; but so far it has only built me regular sites ...with no gallery images to be found.

I've been looking in the forum and help for ideas, but so far found little. Suggestions anyone?
Alternate Text
Joined: 2008-02-12
Send Msg:
Posts: 88
2009-07-06
#10

Hi,
I have just seen your post. I need to you to explain a little more for me. What do you mean when you say "build me a gallery image"?
Are you saying that you have built a new 360 tour but when you publish it (using a template) you do not see any of your images? Or do you mean something else?

Templates have worked fine for me - I design the html "container" and use this as my template. The small macro text automatically inserts the 360 tour nicely into place (swfobject code that references the twviewer and associated image and object files). 
The beauty of it is you can reuse the template as many times as you like to keep a consistant look across projects - Even use CSS to adjust the style of several projects at once.


Alternate Text
Joined: 2009-07-12
Send Msg:
Posts: 4
2009-07-12
#11

Hi..

I'm in the middle of creating virtual tour for my final project studies. But I'm encountered a problem.

When I play the virtual tour, the scene was shaking..and the movement was not smooth. Is that becaouse of my scene resolution. Now i'm using resolution that's around 4996 x 654 pixels.

Please someone can answer my question..thank you


ira