360ty Elementor Addon - WordPress Plugin [EN] | Web Integration

installation

WordPress Dashboard

      1. download the Plugin here 
      2. Navigate to your WeordPress Dashboard -> Plugins
      3. Click on the “Install” button to the right of the “Plugins” heading
      4. At the same place, click on the “Upload Plugin” button, select the downloaded .zip file and click on "install now"
      5. Click on the "activate Plugin" button
      6. Now you should see a new Widget-category called "360ty" in the Elementor Widget-tab.

Filebrowser

      1. download the Plugin here and unzip the .zip file
      2. Navigate to your WordPress folder -> wp-content -> plugins
      3. Paste the extracted folder into the plugins folder
      4. Activate the “360ty Elementor Addon” plugin in your WordPress dashboard -> Plugins -> installed plugins
      5. Now you should see a new Widget-category called "360ty" in the Elementor Widget-tab.

CLI

Windows

      1. Open a terminal (e.g .: CMD)
      2. Change to your WordPress directory(cd FILEPATH / TO / WORDPRESS)
      3. Navigate to your plugins folder (cd wp-content/plugins)
      4. execute this Commandline:
git clone https://github.com/Jonas-360ty/360ty_Elementor_Addon_Plugin.git

Linux

      1. Open a terminal (e.g .: Shell)
      2. Change to your WordPress directory(cd FILEPATH / TO / WORDPRESS)
      3. Navigate to your plugins folder (cd wp-content/plugins)
      4. execute this Commandline:
git clone https://github.com/Jonas-360ty/360ty_Elementor_Addon_Plugin.git

Mac-OS

      1. Open a terminal (e.g .: CMD)
      2. Change to your WordPress directory(cd FILEPATH / TO / WORDPRESS)
      3. Navigate to your plugins folder (cd wp-content/plugins)
      4. execute this Commandline:

git clone https://github.com/Jonas-360ty/360ty_Elementor_Addon_Plugin.git

SSH

Windows

      1. open an SSH Client (e.g .: Putty)
      2. Connect to your web server on which WordPress is located
      3. Change to your WordPress directory(cd FILEPATH / TO / WORDPRESS)
      4. Navigate to your plugins folder (cd wp-content/plugins)
      5. execute this Commandline:
git clone ssh://[email protected]:Jonas-360ty/360ty_Elementor_Addon_Plugin.git

Linux

      1. Open a terminal (e.g .: Shell)
      2. Connect to your web server on which WordPress is located
      3. Change to your WordPress directory(cd FILEPATH / TO / WORDPRESS)
      4. Navigate to your plugins folder (cd wp-content/plugins)
      5. execute this Commandline:
git clone ssh://[email protected]:Jonas-360ty/360ty_Elementor_Addon_Plugin.git

Mac-OS

      1. Open a terminal (e.g .: CMD)
      2. Connect to your web server on which WordPress is located
      3. Change to your WordPress directory(cd FILEPATH / TO / WORDPRESS)
      4. Navigate to your plugins folder (cd wp-content/plugins)
      5. execute this Commandline:
git clone ssh://[email protected]:Jonas-360ty/360ty_Elementor_Addon_Plugin.git

Plugin Guide

As soon as the plugin has been installed and activated, a new category “360ty” appears in the Elementor widget panel, in which the 360ty Tourbuilder widget can be found

Controls

With the middle mouse button (keep mouse wheel pressed) you can move around in the panorama tour. The scrolling of the mouse wheel is used to zoom. You can left-click on hotspots to change nodes.

Set values to current Position

This button sets the start position of the tour the current position of the preview. This button can only be seen in the Elementor Editor.
Sets following Control-values:

          • Basepath
          • start Node
          • FOV
          • Tilt
          • Pan
Set to current Values Picture

Section: Content

Subsection: Tour Options

Basepath

The basepath is the URL on which the tour files can be found on.

start Node

The start node indicates on which node the tour should start when called. The start node can be set with the value setter buttons.

FOV

FOV (Field of View) indicates the zoom value of the start position.

Tilt

Indicates the vertical position of the start position

Pan

Indicates the horizontal postion of the start position

Subsection: Movement Options​

Delay

The time in milliseconds after loading the tour after which the movement begins.

Loop Amount

How often the keyframes should repeat. If the value is 0, the keyframes are ignored.

Keyframes

Each keyframe has a position, which is moved to from the previous Keyframe. The first Keyframe moves from the start position

Subsection: Additional Options​

Remove Hotspots

Deactivates all hotspots. This means that the node cannot be changed in the Panorama Tour. Only shows the start node.

Show share Buttons

Creates a share button in the lower left corner of the element. When you click on the share button, two new buttons are created. One that copies a link to the current position in the tour to the clipboard and one that opens a window to share the current position of the tour on Facebook.

Show Impressum

Section: Style

Subsection: Tour

Width

Indicates the width of the panorama tour. Can be specified in px and%. If no unit is specified, pixels (px) are used.

Aspect Ratio

Specifies the aspect ratio of the panorama tour. Values ​​are given in x: y, where x is the given width and y is calculated from it.

Custom Aspect Ratio

Can only be used if the control “Aspect Ratio” has the value “Custom Aspect Ratio”.
A user-defined aspect ratio can be entered here. Format: x [number]: y [number]

Custom Height

Can only be used if the “Aspect Ratio” control has the value “Custom Height”.
A user-defined height for the panorama tour can be entered here. Can be specified in px and %. If no unit is specified, pixels (px) are used.

Horizontal Alignment

Specifies where the panorama tour should be horizontally aligned within the widget.

Subsection: Hotspots

Pulse Color

Sets the color of the pulse of the hotspots