Hero Parallax Explode

Description

This component is intended to demonstrate the perfection and high grade of materials and details of top products. The Hero Parallax Explode is a component that separates a whole product into the parts it consists of via scrolling. Therefore it's necessary to have photographs from the same perspective viewpoint for each part (or 3D renderings, which probably may be achieved easier). Also, all images should be of identical size to ensure the parts fit properly together.

 The component also gives the user information in text form about these specific parts.

At the start, the users see the whole product without further information. The component can only be used in a vertical "exploding" direction.

Usage

  • On big desktops, the product parts are shown in the center of the page. The descriptive text appears alternating on the left and right sides, starting with the left side.
  • On smaller desktops and tablets the product parts are shown on the left side. The descriptive text appears on the right side.
  • On small viewports, the product parts are shown in the center. The descriptive text appears below (and behind on z-axis) the specific part, but is covered by the remaining parts.

Demonstration (example 1)

Schutzgitter

  • Motorabdeckung als Spritzwasserschutz
  • Berührschutz nach DIN EN ISO 13857
  • Innovatives Design für minimale Druckverluste

Elektronik

  • Stufenlos steuerbar über 0–10 V oder MODBUS-RTU
  • Für weltweiten Einsatz geeignet
  • Einfacher Anschluss per Plug & Play

Nachleitrad

  • Strömungstechnisch perfektioniert
  • Minimiert Turbulenzen und Geräusche
  • Maximiert die Effizienz des Ventilators

GreenTech EC-Motor

  • Hoher Wirkungsgrad und Leistungsdichte
  • Extrem widerstandsfähig und langlebig
  • Unübertroffen kompakt

Laufrad

  • Hoher Wirkungsgrad
  • Strömungstechnisch optimierte Form
  • Innovative Materialien

Wandring

  • Aerodynamisch optimiert
  • Einfache Montage dank Standard-Abmessungen
  • Robuste Bauart für höchste Ansprüche

FlowGrid

  • Reduziert Geräuschpegel und Drehklang
  • Keine negative Auswirkung auf die Effizienz
  • Aus widerstandfähigem Verbundwerkstoff

Demonstration (example 2)

Schutzgitter

  • Motorabdeckung als Spritzwasserschutz
  • Berührschutz nach DIN EN ISO 13857
  • Innovatives Design für minimale Druckverluste

Elektronik

  • Stufenlos steuerbar über 0–10 V oder MODBUS-RTU
  • Für weltweiten Einsatz geeignet
  • Einfacher Anschluss per Plug & Play

Nachleitrad

  • Strömungstechnisch perfektioniert
  • Minimiert Turbulenzen und Geräusche
  • Maximiert die Effizienz des Ventilators

GreenTech EC-Motor

  • Hoher Wirkungsgrad und Leistungsdichte
  • Extrem widerstandsfähig und langlebig
  • Unübertroffen kompakt

Laufrad

  • Hoher Wirkungsgrad
  • Strömungstechnisch optimierte Form
  • Innovative Materialien

Wandring

  • Aerodynamisch optimiert
  • Einfache Montage dank Standard-Abmessungen
  • Robuste Bauart für höchste Ansprüche

FlowGrid

  • Reduziert Geräuschpegel und Drehklang
  • Keine negative Auswirkung auf die Effizienz
  • Aus widerstandfähigem Verbundwerkstoff

Demonstration (example 3)

Schutzgitter

  • Motorabdeckung als Spritzwasserschutz
  • Berührschutz nach DIN EN ISO 13857
  • Innovatives Design für minimale Druckverluste

Elektronik

  • Stufenlos steuerbar über 0–10 V oder MODBUS-RTU
  • Für weltweiten Einsatz geeignet
  • Einfacher Anschluss per Plug & Play

Nachleitrad

  • Strömungstechnisch perfektioniert
  • Minimiert Turbulenzen und Geräusche
  • Maximiert die Effizienz des Ventilators

GreenTech EC-Motor

  • Hoher Wirkungsgrad und Leistungsdichte
  • Extrem widerstandsfähig und langlebig
  • Unübertroffen kompakt

Laufrad

  • Hoher Wirkungsgrad
  • Strömungstechnisch optimierte Form
  • Innovative Materialien

Wandring

  • Aerodynamisch optimiert
  • Einfache Montage dank Standard-Abmessungen
  • Robuste Bauart für höchste Ansprüche

FlowGrid

  • Reduziert Geräuschpegel und Drehklang
  • Keine negative Auswirkung auf die Effizienz
  • Aus widerstandfähigem Verbundwerkstoff

How to build Hero Parallax Explode

image of a modal
  • Drag and drop the 'Hero Parallax Explode' component from the components list.
  • To start editing, double click on the dragged component.
  • The first tab is the Product Info tab.

❶ Enter the heading of the parallax in the 'Section Heading' that you would like to see on display.

image of a modal
 
  • Now go to the second tab, 'Parallax Entry'

❷ Click on the 'Add' button below the 'Parallax Info' to enter the information related to the Parallax Component.

image of a modal
 

❸ Enter the title of your Hero Parallax in the 'Parallax Title' box.

❹ Enter the description of Hero Parallax in the 'Parallax Text'.

image of a modal
 

❺ Enter the path of your Hero Parallax image in the 'Parallex Image' box.

❻ To add additional information like links or even buttons, click on 'Add' below the 'Additional Info' tab. (you will see various options such as below)

image of a modal
 
  • Enter the type of the link to be either internal or external in the 'Link Type' box.
  • Enter the text necessary in the 'Link Text' box.
  • Select the path of the link 
  • Choose the type of button to be 'internal' or 'external'.
  • Enter the 'title' of the button to be displayed.
  • Enter the link of the button.
image of a modal
 

❼  Click on the bottom-most 'Add' button to add more 'Hero Parallax' components and repeat the steps from ❷.