Skip to main content

Carousel & Feeds

Home page carousel, feeds of new, best selling and featured products on the home page.

Home page Carousel

Type:
Checkbox
Default value:
Off

Sample

Type:
Checkbox
Default value:
On

Displays a Play/Pause text for the user to control the carousel playback.

Allow image to stretch on large screens

Type:
Checkbox
Default value:
Off

Avoid cropping large carousel images if the display screen is wider than 1261 pixels.

Content background

Type:
Color
Default value:
#ffffff

Background color of the superimposed box in the carousel.

Header text

Type:
Color
Default value:
#444444

Color of the central text of the carousel.

Description text

Type:
Color
Default value:
#333333

Color of the descriptive text of the carousel.

Play/Pause button text

Type:
Color
Default value:
8f8f8f

Color of the text in the Play and Pause buttons.

Play/Pause button background

Type:
Color
Default value:
#ffffff

Background color of the Play and Pause buttons.

Play/Pause button border

Type:
Color
Default value:
#ffffff

Border color of the Play and Pause buttons.

Product feeds

Type:
Text
Default value:
8

Number of featured products to display on the home page.

Type:
Checkbox
Default value:
Off

Display the list of featured products as a carousel.

Heading text color

Type:
Color
Default value:
#000000

Title color of the featured product listing.

Background color

Type:
Color
Default value:
#ffffff

Background color of the featured product listing.

Type:
Text

Number of best-selling products to be displayed on the home page.

Type:
Checkbox
Default value:
On

Display the list of best-selling products as a carousel.

Heading text color

Type:
Color
Default value:
#000000

Title color of the list of best-selling products.

Background color

Type:
Color
Default value:
#ffffff

Background color of the list of best-selling products.

Number of new products

Type:
Text
Default value:
9

Number of new products to display on the home page.

Type:
Checkbox
Default value:
On

Display the list of new products as a carousel.

Heading text color

Type:
Color
Default value:
#000000

Title color of the new product listing.

Background color

Type:
Color
Default value:
#F5D602

Background color of the new product listing.

Carousel styles

Indicator

Type:
Color
Default value:
#333333

Color of the line of the carousel indicator points, in the example, red:

Indicator active

Type:
Color
Default value:
#757575

Color of the active indicator reel of the carousel, in the example, light blue:

Type:
Checkbox
Default value:
On

Displays the back and forward arrows.

Arrow

Type:
Color
Default value:
#8f8f8f

Color of the back and forward arrows of the carousel, in the example, orange:

Arrow background

Type:
Color
Default value:
#ffffff

Background color of the back and forward arrows of the carousel, in the example, green:

Arrow border

Type:
Color
Default value:
#ffffff

Border color of the back and forward arrows of the carousel, in the example, blue:

Number of columns on desktop

Type:
Select
Default value:
4
Options:
3 | 4 | 5

Number of columns to display in the desktop home page feeds.

Number of columns on mobile

Type:
Select
Default value:
1
Options:
1 | 2

Number of columns to show in the home page feeds on cell phones.