Piero Annoni - Multi-use Pano2VR Skin

Note: click on any image to enlarge it

Update 31 July - Screens

I’ve added in some screens from the Desktop, iPad and iPhone.

Desktop

iPad Pro

iPhone 11 Pr0

Update 27 July - Hotspots

The following images and example for review show a single use Hotspot Template for use with multiple Point Hotspots of the 4 different types: Shopping, Information, Help and Plus

Working Sample

The working sample integrates the Responsive Gallery Text Popup with modifications for Languages and Button Shapes.

You can view the working sample here

1. Data and content for the hotspots are entered in both the Properties - Point Hotspot and Skin Text Fields

2, In the Properties - Point Hotspot the Skin-ID is used to associate the Point Hotspot and the Hotspot Template

3. The Title entry is used to define which entry in the Title and Description text fields to use

4. The Description entry is used to define which icon to use i.e shopping cart

5. The Link Target URL entry defines the number of images associated with the Point Hotspot. If it’s ‘0’ only text is shown

6. The Target entry defines which folder in the assets/images/ is used with the Point Hotspot

7. This is the skin for the sample project. There is only one Hotspot Template for 4 Point Hotspots

8. The Hotspot Template contains the different round and square buttons for each of the 4 variations

9. The following screens show the skin data entry points for the Headline, Description and Slide Titles

The following images show the wireframes and the final candidate skin output. Click on any image to enlarge it.

VT INTRO A

VT INTRO B

RETAIL - FIXED ELEMENTS

RETAIL - DYNAMIC ELEMENTS

 EDIT SKIN CONFIGURATION OPTIONS - COLORS

EDIT SKIN CONFIGURATION OPTIONS - SKIN PARAMETERS