Featured Products - Style 3

Featured products list is a collection, created in a specific design to draw customers' attention to see a certain collection of products primarily. This component is a pre-defined component
Twilight comes with three pre-styled featured products components, and this is the style-3 component.

Following is the location of this component.

Example

Variables

HomeFeaturedProductsStyle3

items

array [object {9}]

optional

Shared variable in all layout, index.twig, and all components views.

title

string

optional

Section title.

name

string

optional

Alias for title.

type

enum<string>

optional

Item type.

Allowed values:

categorymost_saleslatest_productschosen_products

featured_product

object (Product)

optional

The main featured product.

special_product.id

string

optional

Main featured product id of type string.

special_product_title

string

optional

Main featured product name.

products

array[object (Product) {28}]

optional

A list of products.

limit

integer

optional

Limit number of products to be shown.

string

optional

Section id.

Position

integer

optional

Sorting number starts from zero.

Usage

In general, this pre-styled featured products component with a main product to display in bigger size, and then a column of products in smaller size:

Featured Products - Style 3

Example#

Variables#

Usage#

Example

Variables

Usage