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

image

string

optional

Image url link.

url

string

optional

Url link of the parallax background.

title

string

optional

Section title.

link_text

string

optional

Link for the title.

is_opacity

boolean

optional

Should set overlay on the background or not.

position

string

optional

Sorting number start from zero.

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