Section & Variations › Feature

Available Parameters
Parameter Type Description
variation Text
required
Default : feature-variation-1 		Set variation for Feature section.
List of available variations :
  • feature-variation-1
  • feature-variation-2
  • feature-variation-3
  • feature-variation-4
tag Tag Set tag for Feature section.
title Text
required 		Set title for Feature section.
description Text Set description for Feature section
link Link Object Set link details for CTA button.
Example:
{
  "text"  : "See Category",
  "url"   : "#",
  "icon"  : "ic ic-caret-right white"
}
image Filename Set image for Feature section.
The value is name of image file in the [SRC-Assets]/images/ folder.
Available Variations
Feature Variation 1 Starter Kit Codes 
{# include sections/feature  #}
{% include "../resources/sections/feature.twig", with {
    	'variation'		: 'feature-variation-1',

	'title'			: 'New 2024
 Summer collection',
	'description'		: '<p>Appear, dry there darkness they&apos;re seas lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>',

	'link'			: {
		'text'	: 'SEE ALL COLLECTION',
		'url'	: '#'
	},

	'image'			: 'feature-image-1.png'
  } %}
Feature Variation 2 Starter Kit Codes 
{# include sections/feature  #}
{% include "../resources/sections/feature.twig", with {
    	'variation'		: 'feature-variation-2',

	'title'			: 'Summer is better
 with Vendora',
	'description'		: '<p>Appear, dry there darkness they&apos;re seas lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>',

	'link'			: {
		'text'	: 'SEE ALL COLLECTION',
		'url'	: '#'
	},

	'image'			: 'feature-image-2.png'
  } %}
Feature Variation 3 Starter Kit Codes 
{# include sections/feature  #}
{% include "../resources/sections/feature.twig", with {
    	'variation'		: 'feature-variation-3',

	'tag'			: 'Kits & Gift Sets',

	'title'			: 'Complete set with everything you need',
	'description'		: '<p>Treat yourself, or someone you love, to a luxurious, complete skincare routine</p>',

	'link'			: {
		'text'	: 'See Category',
		'url'	: '#',
		'icon'	: 'ic ic-caret-right white'
	},

	'image'			: 'feature-image-3.png'
  } %}
Feature Variation 4 Starter Kit Codes 
{# include sections/feature  #}
{% include "../resources/sections/feature.twig", with {
    	'variation'		: 'feature-variation-4',

	'title'			: 'Face cream for normal, combination
 and oily skin',
	'description'		: '<p>Matte & Poreless Face Cream is harmoniously balanced to give healthy and fresh skin with less glare.</p><p>Add deep moisture, essential nourishment and care, as well as get a matte and soft finish with an even skin tone and less visible wrinkles with Matte & Poreless Face Cream.</p>',

	'link'			: {
		'text'	: 'Read More',
		'url'	: '#',
		'icon'	: 'ic ic-caret-right dark-1'
	},

	'image'			: 'feature-image-4.png'
  } %}