Panotour + Krpano 1.24 /1.23.3 package - Fixes and Plugins Compatibity Tests

zSnapshot ( Plugin Link )

Snapshot Plugin by 360 Images ( Plugin Link )

zSnapshot

Take and save tour screenshots with pano quality with watermark. Krpano 1.23.2 / 1.20.12

You can see working here https://widestudio.pt/cml/leilao235

Click in the cam button, wait 1 2 seconds, you can download jpg file.

Settings are 4/3 with small client watermark in bottom right

For who have or bought this plugin (Version compatible with panotour is zsnapshot-2.10.0 )

Panotour Tutorial

1 Create a xml with this code

<krpano>

    <plugin name="zsnapshot" 
    url="%FIRSTXML%/plugins/zsnapshot.js" 
    timeout="0" 
    defaultres="max" 
    multireslevel="max" 
    preload="true" 
    keep="true" 
    regkey="yourkey"
    minres="8" 
    maxres="4096" 
    aspect="4/3" 
    aspectrotate="true" 
    watermark="mylogo" />

    <hotspot name="mylogo"
        keep="true" visible="false" enabled="false"
        type="image" url="%FIRSTXML%/watermark.png"
        alpha="0.75"
        width="256" height="prop"
        align="bottomright"
        x="25" y="25" /> -->

</krpano>

2 ADD Include an XML Plugin and load the xml created.

3 Create plugin folder, indexdata/Plugin , add znapshot.js , you can change here %FIRSTXML%/plugins/zsnapshot.js

4 Watermark location indexdata/watermark.png %FIRSTXML%/watermark.png

5 Create a button

6 Action > Advanced > Call custom code > add this code in the field

take_snapshot('screenshot',null,null,false,jpg,0.85);

More info here Plugin Link  

Any new or old plugins that are working now with krpano 1.23.3 please share.

Snapshot by 360º Images (Version 1.6)

You also have this full panotour plugin compatible with krpano 1.23.3

All alexpopov Panotour Plugins - Free Download - Krpano 1.23.2 Compatible

Free plugins download | Plugins for Panotour

Report if you have any issue with this plugins

HS Select Scene

Notifications

Sidebar

Spot Range

Start screen

Top Menu

Tour Access

Show/Hide hotspots

Next hotspot

Logo modif

Quote from giampy

it doesn't let me download files, why?

Maybe you need google account

(Updated fix, apply only to video scenes)

PTP Video Progress Bar ( Custom Play / Pause / Timer)

- You this tip you can start design your custom Vídeo Progress Bar for your projects.

- You don´t need to add Video Progress Bar plugin, just include new xml with the plugin code. You don´t need to modify after build´s.

Demo KTP Project in attachment.

1 Add Pause Button - Scene Specific

2 Add Play Button - Scene Specific

Toogle Pause / Play ( When click on pause, button hide, and show play)

Actions For 2 Add Pause Button - Scene Specific

1 Advanced > Call Custom Code: videointerface_pause();

2 (Plugin) Pause > Hide Button

3 (Plugin) Play > Show Button

Actions For 3 Add Play Button - Scene Specific

1 Advanced > Call Custom Code: videointerface_play();

2 (Plugin) Play > Hide Button

3 (Plugin) Pause > Hide Button

4 Call actions on tour events (Hide play button video scene)

Action > Opening Scene > Play > Hide Button.

Check " Opening a video scene" > (Plugin ) Play > Hide Button

5 Include XML (time.xml included) VIDEO TIMER ( You can custom css @ line 191 )

<?xml version="1.0" encoding="UTF-8"?>
<krpano>



<!-- ********** -->
<!-- Video Progress Bar -->
<!-- id : videoProgressBar -->
<!-- ********** -->



<area mode="border" left="0" top="0" right="0" bottom="0" />


<events name="videoProgressBar_events" 
    onTourStart="set(layer[videoProgressBar_seekbar].canstart, true);if(layer[videoProgressBar_seekbar].isready,videoProgressBar_show(););" 
    videointerfaceready="set(layer[videoProgressBar_seekbar].isready, true);if(layer[videoProgressBar_seekbar].canstart,videoProgressBar_show(););" 
    onremovepano="videoProgressBar_hide();" 
    hidetourcontrols="videoProgressBar_hide();" 
    showtourcontrols="videoProgressBar_show();" 
    keep="true" />


<action name="videoProgressBar_show">
	if (tour_displaycontrols,

	if(scene[get(xml.scene)].video,
		set(videointerface_seekbar_update, 'videoProgressBar_apply_timer');
		set(area.bottom, 24);
		videoProgressBar_show_seekbar();
	);
	);
</action>
<action name="videoProgressBar_hide">

	set(area.bottom, 0);
	videoProgressBar_hide_seekbar();
</action>

<!-- interface seek bar -->

<layer name="videoProgressBar_seekbar"
	type="container"
	parent="STAGE"
	bgcolor="0x000000"
	bgalpha="1.0"
	align="bottomleft"
	x="0"
	y="0"
	zorder="1"
	enabled="true"
	capture="true"
	bgcapture="true"
	visible="false"
	height="24"
	width="100%"
	ondown="if(plugin[get(videointerface_video)].isvideoready, asyncloop(pressed, videoProgressBar_seeking() ); );"
	onup="if(plugin[get(videointerface_video)].isvideoready, plugin[get(videointerface_video)].seek(get(seekpos_percent_text)); );"
	onhover="videoProgressBar_timetooltip_show();"
	onout="videoProgressBar_timetooltip_hide();"
	keep="true"
	>

	<!-- buffer/loader bar -->
	<layer name="videoProgressBar_loader"
		type="container"
		bgcolor="0x596f4c"
		bgalpha="0.30000762951094834"
		align="bottomleft"
		x="0"
		y="0"
		zorder="1"
		enabled="false"
		capture="false"
		visible="true"
		height="24"
		width="0%"
		keep="true"
		/>

	<!-- time bar -->
	<layer name="videoProgressBar_time"
		type="container"
		bgcolor="0x596f4c"
		bgalpha="1"
		align="bottomleft"
		x="0"
		y="0"
		zorder="2"
		enabled="false"
		capture="false"
		visible="true"
		height="24"
		width="0%"
		keep="true"
		/>
</layer>
<action name="videoProgressBar_hide_seekbar">
	set(layer[videoProgressBar_seekbar].visible, false);
</action>
<action name="videoProgressBar_show_seekbar">
	set(layer[videoProgressBar_seekbar].visible, true);
</action>

<action name="videoProgressBar_seeking">
	screentolayer(videoProgressBar_seekbar, mouse.stagex, mouse.stagey, lx, ly);
	div(seekpos, lx, layer[videoProgressBar_seekbar].pixelwidth);
	mul(seekpos_percent, seekpos, 100);
	clamp(seekpos_percent, 0, 100);
	txtadd(seekpos_percent_text, get(seekpos_percent), '%');
</action>

<!-- tooltip for seek bar -->
<layer name="videoProgressBar_timetooltip"
	keep="true"
	enabled="false"
	capture="false"
	type="text"
	align="bottomleft"
	bg="true"
	bgcolor="0x596f4c"
	bgalpha="1"
	bgroundedge="3"
	bgborder="14.0 0x596f4c 1"
	mergedalpha="false"
	css="color:#ffffff;font-family:Arial;font-size:18px;text-align:center;"
	height="21"
	edge="bottom"
	interactivecontent="false"
	zorder="99"
	padding="0 2"
	x="0"
	y="3"
	visible="false"
	html=""
	/>

<action name="videoProgressBar_timetooltip_show">
	screentolayer(videoProgressBar_seekbar, mouse.stagex, mouse.stagey, lx, ly);
	div(tooltippos, lx, layer[videoProgressBar_seekbar].pixelwidth);
	mul(tooltippos_percent, tooltippos, 100);
	clamp(tooltippos_percent, 0, 100);

	copy(vps, plugin[get(videointerface_video)]);
	if(vps AND vps.loaded AND vps.isvideoready AND vps.isseeking == false,
		copy(tt, vps.totaltime);

		mul(ttime, tooltippos_percent, tt);
		div(ttime, 100);

		videoProgressBar_format_sec_to_hhmmss(ttime, layer[videoProgressBar_timetooltip].html, false);
		set(layer[videoProgressBar_timetooltip].x, get(lx));
		set(layer[videoProgressBar_timetooltip].visible, true);
	);
	delete(vps);
</action>
<action name="videoProgressBar_timetooltip_hide">
	set(layer[videoProgressBar_timetooltip].visible, false);
</action>


<action name="videoProgressBar_format_sec_to_hhmmss">
	copy(t,%1);
	div(hh,get(t),3600);
	Math.floor(hh);
	roundval(hh);
	div(mm,t,60);
	mod(mm,60);
	Math.floor(mm);
	roundval(mm);
	copy(ss,t);
	mod(ss,60);
	Math.floor(ss);
	roundval(ss);
	if(hh GT 0, if(mm LT 10, txtadd(mm, '0', get(mm)); ); );
	if(ss LT 10, txtadd(ss, '0', get(ss)); );
	txtadd(ft, get(mm),':',get(ss));
	if(hh GT 0, txtadd(ft,get(hh),':',get(ft)); );
	if(%3 == true, txtadd(ft,'&#x00A0;/&#x00A0;',get(ft)); );
	copy(%2,ft);
</action>


<action name="videoProgressBar_apply_timer">

	copy(layer[videoProgressBar_loader].width, %3);
	copy(layer[videoProgressBar_time].width, %4);
</action>

	<layer name="videoProgressBar_timer"
		type="text" align="bottomleft" vcenter="true"
		height="22" padding="0" bg="false" capture="false" enabled="false" bgborder="0"
		css="text-align:left;color:#ffffff;font-family:Arial;font-size:38px;"
		x="65" y="60" zorder="3"
		html=""
		keep="true"
		/>
<action name="videoProgressBar_apply_timer">
	videoProgressBar_format_sec_to_hhmmss(%1, layer[videoProgressBar_timer].html, false);

	copy(layer[videoProgressBar_loader].width, %3);
	copy(layer[videoProgressBar_time].width, %4);
</action>
		

		
</krpano>

Enjoy ;)

Callout Hotspots for Panotour Pro 1.0.8 | New update Line Style

You can now remove the vertical line

buy new version Gumroad

Plugin webpage

Quote from bberganza

Issue with Alexpopov Sidebar Plugin on Large Touch Devices (KRpano 1.23.2)

The Alexpopov Sidebar plugin is not working properly on large touch devices such as iPad Pros or kiosks (KRpano 1.23.2 update). The sidebar randomly returns to the main items whenever I touch any group in the hierarchical menu.
I’ve tried several fixes, but I couldn’t get it to work correctly on those devices.

Has anyone else experienced this issue?

i have tested sidebar, i don´t have ipad pro, just click on the menu top right, open alex sidebar. Check

FIX Superbox Panotour Plugin ! Now working 100% krpano 1.23.3

Loading external html files / url etc issue

goto plugin folder

1 Documents\Kolor\PanotourPro 2\plugins\superbox

2 Open superbox_core.tmpl

3 In Line 318 add: var before {{plugname}}codeBlock"

SOUND SPOT FIX 3D/STEREO > PTP + Krpano 1.23.3 / 1.20.2

With this fix:

1 when you create a point spot works as a stereo sound

2 When you add a sound spot in Hotspot editor is a 3D Sound.

You can update file ( playsoundcall.tmpl) in attachment located at

Documents\Kolor\PanotourPro 2\templates\krpano\actions

or edit manually look for playsoundcall.tmpl

1 Documents\Kolor\PanotourPro 2\templates\krpano\actions

2 Edit playsoundcall.tmpl > search > "true, {% if action.sound_pausebackgroundsound"

3 Change to false

That´s all.

Enjoy

Supersearch Panotour Plugin owners Fix for Krpano 1.23.3

!Backup the original version of the plugin, is fully functional on krpano 1.20.2.

Demo HERE

1 Download template file attachment

   pluginupdate_search_html.zip

3 Update here : Documents\Kolor\PanotourPro 2\plugins\SuperSearch\search_html.tmpl (Backup original version)

4 Download ptp template to test in action or in a project you use the plugin (supersearch, not search)

I tryed to contact Chiocchetti Maurizio but i don´t had any news so i´m trying to help him and others like me to keep things forward with latest version of krpano.

In krpano 1.23.3 the original version is not compatible, search can´t load the data. So i was around the template file of the plugin and now is working, we can look for pano , spot´s and group. Or just panos, or just spot´s or groups, you decide. When searching for spot´s the camera moves to the center of the screen and highlight the spot. You can change template file css and as you wish. Some fields of the plugin in ptp don´t work, but you can change in template file. If you can do a better version please share.

Some custom template tip ( here you can change or remove type tag name from hotspot´s , pano , group.

Custom CSS Color´s font´s etc ( You can play here)

Scrool bar design as you wish

Search CSS

Here you can change move setting´s etc etc,

Quote from lem0n66

In Krpano 1.20 there is a problem with VR mode on iPhones - it does not go into full screen and browser bar obscures the view in the goggles. Does it work in 1.23 ?

Hi, VR mode for smartphones make sense some years ago, like samsung googles and google cardboards ( I bought in that time but i don´t have none of them now). I own Meta Quest 3 and is compatible with vr tours developed with ptp + latest version of krpano. But i think some iphone safari issues were fixed with the latest version.

Quote from lem0n66

Thanks for pointing this, I missed this new version.

Now I can finally upgrade to 1.23, thank you for all your research and fixes :)

yes i started to update and do all my projects in 1.23 with ptp but keep 1.20.2 for some old tour. Now just FLoorplan Panotourplugin don´t work, but i need more time around that one.

Remove HTML PTP Brand "Virtual tour generated by Panotour" and deprecated tag´s with modern practices.

1 Download file in attachment ptpbrandmodernhmtltemplate.zip

2 Got to Documents\Kolor\PanotourPro 2\templates\html

Backup this 2 original files htmlpanodiv.tmpl | metatags.tmpl

3 Replace this 2 files in attachment.

Note:

With this update you don´t need to edit html to remove ptp tags everytime you update a tour.

Was removed PTBrand and updated with modern tags

Don´t forget to update jquery 

I´m currently testing ptp tour´s with jQuery 4.0.0 Release Candidate 1 and looks highly compatible. I haven´t found any issues yet. Just replace the url of jquery in your index.html to check if your tour runs well.

Official cdn links use jquery-4.0.0-rc.1.js not .min version.

jQuery 4.0.0 Release Candidate 1 | Official jQuery Blog

FOR TESTING ONLY Panotour Update jQuery 4.0.0 + Jquery UI 1.14.1 / Tested Krpano 1.23.3

"jQuery 4 brings real security improvements, even though they’re not flashy. The main idea of the release is to eliminate old, risky APIs and behaviors that historically led to vulnerabilities."

In my initial test on a large tour with many plugins, the tour works very well with this RC1. The beta version does not.

After upgrading to the jQuery UI 1.14.1 library, I encountered an issue with the Website Box plugin (viewer): the modal box displayed only a white/blank screen inside iframes. However, after some investigation, I found the fix was simple—updating KolorBox.min.js by changing "hidden" to "visible" solved the problem.

1 Updating jQuery 4 + jQuery UI 1.14.1

1 Download in attachment or jQuery 4 Final Release + jQuery UI 1.14.1 Website

2 Add new jQuery js files to C:\Program Files\Kolor\Panotour Pro 2.5\Resources\libs\all\

3 Backup htmlheadcommonlibs.tmpl

C:\Users\nunom\Documents\Kolor\PanotourPro 2\templates\html\htmlheadcommonlibs.tmpl

4 Replace new template file in attachment htmlheadcommonlibs_jquery4-zip with the updated version

Jquery 4 + UI 1.14.1 is activated in the template file, you can also edit to play between version´s, original version and 3.7.1 (adding the file). Just removing the comment tag <!-- --> you activate the library. When you build the tour, ptp just copy to build tour

2 jQuery UI 1.14.1 fix ( modal box white/blank )

1 Backup C:\Program Files\Kolor\Panotour Pro 2.5\Resources\tools\KolorBox\KolorBox.min.js

2 Edit KolorBox.min.js

Search for :

m.setAttribute("style","visibility: hidden;");

Change to

m.setAttribute("style","visibility: visible;");

That´s all, hope nothing broken. Don´t forget to backup the files, and share your experience ;)

Project´s build with Panotour + Krpano 1.23.2 Showcase.

i will update this post with project´s builded with the latest version of krpano. Some are still in development and testing.

CARRIS MUSEUM | Lisbon Trams Museum (PT/EN VERSION)

Panotour with Krpano 1.23.3

This tour contains around 100 scenes, a lot of 360º Vídeos, Gigapixel and 360º Images in multi resolution (pt) and a lot of hotspot´s with historical content. Background sounds and Voice-over is also present. Was made a simple adaptation of the tour for mobile acessibility.

Link of the tour 

Cabral Moncada Leilões is one of the most well know portuguese auction company. They make regular exposition´s in their own espace and they make virtual exposition´s for each exposition´s.

CABRAL MONCADA LEILÕES - LEILÃO PRESENCIAL 235 - Colecção Particular Antiguidades e Obras de ArteAntiguidades e Obras de Arte

LEILÃO PRESENCIAL 235 Colecção Particular Antiguidades e Obras de ArteAntiguidades&nbsp; e Obras de Arte 27 de Outubro 2025 • 18h00 cml.pt

widestudio.pt

Quote from jeromebg

Nice tours Nuno, but you should set capture to false on the infos text layers, on mobile they take a large part of the screen and disable navigation;)

Hello Jerome! thank you Sorry i haven´t understand, where? In the map?