360ty Elementor Addon - Wordpress Plugin [EN] | Slides3

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 Slides 3 widget can be found

image-1619681214922.png

Controls

Section: Content

Subsection: Settings

Load Tour

Activating "Load Tour" prevents the tour from loading in the Elementor Editor. Since Elementor reloads the entire widget with every change, the tour is reloaded with every change. If the tour is reloaded frequently, the WebGL context of the browser overflows, which leads to the browser becoming very slow or even crashing.

Screenshot Button

Switching on "Screenshot Button" creates a button for each slide, which opens 360ty Screenshot
Studio the current location. This button is placed next to the "back" button and is only visible when the tour is active.

Subsection: Homeslide

The homeslide is the starting point for the slides. It has a different layout than the normal slides.

Tab: Content
Headline

The Headline of the Slide

Sub-Headline

The Sub-Headline of the Slide

Start Slide Button label

The text in the Button, that starts the Slides

The Logo in the bottom-right corner of the Homeslide

Logo Link
Tab: Background
Background Type

What kind of background should be used on the Homeslide

                    • Tour:
                      A 360 ° tour is used as the background
                    • Image:
                      An Image is used as the background
                    • Video:
                      A Video is used as the background
                      If you use Cloudflare Stream to deliver your videos, the ID of the video can be inserted here

Subsection: Navbar

Social Buttons

Erstellt einen Social Media Button an der rechten Seite der Navbar
Creates a socail media button on the right if the navbar

Social Type

Determines the Icon, which is used for the button

Social URL

The URL that's refered to, when the social media button is clicked

Subsection: About us & Partner

This is where the content of the "About Us" panel is determined

Tab: About us
About us & Partner

If this is set to "show", the "About us" and "Partner" buttons are created in the navbar

Headline

The Headline in the "about us" panel

Sub-headline

The sub-headline in the "about us" panel 

Description

The description in the "about us" panel

Image

An image, that can be inserted before the description

Tab: Partner
Name

What the element should be called in the Elementor Editor. Doesn't change anything in the slides

Link

The URL that's refered to, when the partner is clicked on

Image

The Image used for the partner

Subsection: Slides

The Slides are created here

Slide Name

What the element should be called in the Elementor Editor. Doesn't change anything in the slides. Certainly helps keeping the overview tho

Direction

The direction of the Slide
vertical -> Mainslide
horizontal -> Subslide
The first slide has to be a vertical one!
The horizontal slides always append themselfs to the previous vertical slide

Tab: Content

the content of the slide

Headline

the headline of the slide

Tour-start Button Label

The label of the button, that sets the tour active

Facebook Button URL
Description

The description of the slide

Photographer

The Photographer of the slide

Location

The Location of the slide tour

Tab: Tour

The Settings of the slide tour

Basepath

The URL on which the tour files of the desired tour are located

Node

the ID of the node on which the tour should start

FOV

The field of view / the zoom value on which the tour is started.

                    • The limit values ​​are different depending on the tour and node. Mostly, however, between 5 and 100.
                    • Small value -> zoomed in
                    • Great value -> zoomed out
                    • Standard -> 70
Tilt

The vertical value of the start position of the tour in °

                    • limit values: -90 - 90
                    • -90 -> 90° downwards
                    • 90 -> 90° upwards
                    • 0 -> straight ahead
Pan

The horizontal value of the start position of the tour in °

                    • limit values: -360 - 360
                    • -90 -> quarter turn to the right
                    • 180-> half a turn to the left
                    • 0 -> straight ahead

Section: Style

Slides Colors

The primary and secondary colors are specified here. These influence some elements of the slides, such as the color of the buttons



No Comments
Back to top