Section & Variations › Product List Page
Available Parameters
| Parameter | Type | Description |
|---|---|---|
variation
|
Text
required Default : product-list-variation-1
|
Selected variations for Product List Page section. List of available variations :
|
items
|
Array of Product List Item
required |
Set list of Product Item. Example: [
|
Available Variations
Starter Kit Codes
{# include sections/product-list #}
{% include "../resources/sections/product-list.twig", with {
'variation' : 'product-list-variation-1',
'items' : [
{
'title' : 'Padma Resort Ubud',
'price' : {
'regular' : '$390',
'sale' : '$310.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'tags' : [
{
'title' : 'Guest favourite',
'color' : '#CC7320',
'background' : '#F9E8DE',
'border' : '#F9E8DE',
},
{
'title' : 'Refund Guarantee',
'color' : '#4E4E4E',
'background' : '#F5F5F5',
'border' : '#E1E1E1',
},
],
'description' : 'Experience Bali by staying in our Enam, a 2 bedroom bamboo villa located within the Eco Six Bali resort, just a 20-minute scooter ride from the vibrant centre of ...',
'location' : 'Gianyar, Bali',
'image' : 'travel-product-list-1.png',
},
{
'title' : 'The Anvaya beach Resort Bali',
'price' : {
'regular' : '$390',
'sale' : '$310.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'tags' : [
{
'title' : 'Guest favourite',
'color' : '#CC7320',
'background' : '#F9E8DE',
'border' : '#F9E8DE',
},
{
'title' : 'Refund Guarantee',
'color' : '#4E4E4E',
'background' : '#F5F5F5',
'border' : '#E1E1E1',
},
],
'description' : 'Experience Bali by staying in our Enam, a 2 bedroom bamboo villa located within the Eco Six Bali resort, just a 20-minute scooter ride from the vibrant centre of ...',
'location' : 'Gianyar, Bali',
'image' : 'travel-product-list-2.png',
},
{
'title' : 'The Trans Resort Bali',
'price' : {
'regular' : '$390',
'sale' : '$310.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'tags' : [
{
'title' : 'Guest favourite',
'color' : '#CC7320',
'background' : '#F9E8DE',
'border' : '#F9E8DE',
},
{
'title' : 'Refund Guarantee',
'color' : '#4E4E4E',
'background' : '#F5F5F5',
'border' : '#E1E1E1',
},
],
'description' : 'Experience Bali by staying in our Enam, a 2 bedroom bamboo villa located within the Eco Six Bali resort, just a 20-minute scooter ride from the vibrant centre of ...',
'location' : 'Gianyar, Bali',
'image' : 'travel-product-list-3.png',
},
{
'title' : 'Lv8 Resort Hotel',
'price' : {
'regular' : '$390',
'sale' : '$310.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'tags' : [
{
'title' : 'Guest favourite',
'color' : '#CC7320',
'background' : '#F9E8DE',
'border' : '#F9E8DE',
},
{
'title' : 'Refund Guarantee',
'color' : '#4E4E4E',
'background' : '#F5F5F5',
'border' : '#E1E1E1',
},
],
'description' : 'Experience Bali by staying in our Enam, a 2 bedroom bamboo villa located within the Eco Six Bali resort, just a 20-minute scooter ride from the vibrant centre of ...',
'location' : 'Gianyar, Bali',
'image' : 'travel-product-list-4.png',
},
{
'title' : 'Aston Kuta Hotel & Residence',
'price' : {
'regular' : '$390',
'sale' : '$310.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'tags' : [
{
'title' : 'Guest favourite',
'color' : '#CC7320',
'background' : '#F9E8DE',
'border' : '#F9E8DE',
},
{
'title' : 'Refund Guarantee',
'color' : '#4E4E4E',
'background' : '#F5F5F5',
'border' : '#E1E1E1',
},
],
'description' : 'Experience Bali by staying in our Enam, a 2 bedroom bamboo villa located within the Eco Six Bali resort, just a 20-minute scooter ride from the vibrant centre of ...',
'location' : 'Gianyar, Bali',
'image' : 'travel-product-list-5.png',
}
]
} %}
Starter Kit Codes
{# include sections/product-list #}
{% include "../resources/sections/product-list.twig", with {
'variation' : 'product-list-variation-2',
'items' : [
{
'title' : 'Dry Fit Sport T-shirt',
'tag' : 'New',
'price' : {
'regular' : '$29.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'colorOptions' : [
{
'color' : '#1877F2',
'border' : '#1877F2',
},
{
'color' : '#000',
'border' : '#000',
},
{
'color' : '#FFF',
'border' : '#E1E1E1',
},
],
'image' : 'fashion-product-list-snippet-1.png',
},
{
'title' : 'Sport Phosphor Man Jacket',
'tag' : 'New',
'price' : {
'regular' : '$29.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'colorOptions' : [
{
'color' : '#B4DB5C',
'border' : '#B4DB5C',
}
],
'image' : 'fashion-product-list-snippet-2.png',
},
{
'title' : 'Man in Green Zip Up Jacket',
'tag' : 'New',
'price' : {
'regular' : '$29.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'colorOptions' : [
{
'color' : '#466A84',
'border' : '#466A84',
}
],
'image' : 'fashion-product-list-snippet-3.png',
},
{
'title' : 'Man in Green Zip Up Jacket',
'tag' : 'New',
'price' : {
'regular' : '$29.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'colorOptions' : [
{
'color' : '#80816A',
'border' : '#80816A',
},
{
'color' : '#EEEBDD',
'border' : '#E1E1E1',
},
{
'color' : '#2C2C2C',
'border' : '#2C2C2C',
}
],
'image' : 'fashion-product-list-snippet-4.png',
}
]
} %}
Starter Kit Codes
{# include sections/product-list #}
{% include "../resources/sections/product-list.twig", with {
'variation' : 'product-list-variation-3',
'items' : [
{
'title' : 'New & Fresh Skin Set',
'tag' : 'New',
'price' : {
'regular' : '$39.00',
},
'rating' : {
'score' : 4.5,
'description' : '(290 reviews)',
},
'image' : 'cosmetics-product-list-snippet-1.png',
},
{
'title' : 'Exfoliate & Glow Self-Heating',
'tag' : 'New',
'price' : {
'regular' : '$22.00',
'sale' : '$15.00',
},
'rating' : {
'score' : 4.0,
'description' : '(1.190 reviews)',
},
'image' : 'cosmetics-product-list-snippet-2.png',
},
{
'title' : 'PerfectTan Self Tanning Drops',
'tag' : 'New',
'price' : {
'regular' : '$13.00',
},
'rating' : {
'score' : 4.8,
'description' : '(370 reviews)',
},
'image' : 'cosmetics-product-list-snippet-3.png',
},
{
'title' : 'Anti Acne Face Serum',
'tag' : 'New',
'price' : {
'sale' : '$18.00',
'regular' : '$29.00',
},
'rating' : {
'score' : 4.8,
'description' : '(890 reviews)',
},
'image' : 'cosmetics-product-list-snippet-4.png',
}
]
} %}