Parallax background

Parallax scrolling background is pre-defined component that functions as a graphics design method in which the background images move past the camera more slowly than foreground images, giving the impression of depth in a 2D scene from a distance.
This component can be used for a better effect to display the store items or related images.

Following is the location of this component.

Example

Variables

HomeParallaxBackground

Usage

This component receives url variable with is_opacity, and set them both as a background for a container <div>. That container is set to reflect the parallax.
In case of receiving the values of title and link_text, they will be displayed inside the parallax container.

Example#

Variables#

Usage#

Example

Variables

Usage