Section & Variations › Product Categories

Available Parameters
Parameter Type Description
variation Text
required
Default : product-categories-variation-1 		Set variation for Product Categories section.
List of available variations :
  • product-categories-variation-1
  • product-categories-variation-2
  • product-categories-variation-3
title Text Set title for Product Categories section.
items Array of Product Category Item
required 		Set list of Product Category item.
Example:
[
  {
    "title" : "Skincare",
    "image" : "cosmetics-category-bg-1.png"
  }
]
Available Variations
Product Categories Variation 1 Starter Kit Codes 
{# include sections/product-categories  #}
{% include "../resources/sections/product-categories.twig", with {
    	'variation'	: 'product-categories-variation-1',
	'title'		: 'Exclusive deals 🏷️',
	'items'		: [
		{
			'icon'	: 'ic-sun-horizon primary',
			'title'	: 'Summer Escapes',
			'description'	: 'Save up to 30% on selected summer vacations. Book your dream getaway now and soak up the sun in your favorite destinations.',
			'image'		: 'travel-category-bg-1.png'
		},
		{
			'icon'	: 'ic-hourglass-simple-low primary',
			'title'	: 'Last Minute Offers',
			'description'	: 'SaLooking for a spontaneous getaway? Take advantage of our last-minute deals for great prices on flights and accommodations.',
			'image'		: 'travel-category-bg-2.png'
		},
		{
			'icon'	: 'ic-tag primary',
			'title'	: 'Group Discounts',
			'description'	: 'Traveling with family or friends? Enjoy special rates for group bookings on select tours and packages.',
			'image'		: 'travel-category-bg-3.png'
		}
	]
  } %}
Product Categories Variation 2 Starter Kit Codes 
{# include sections/product-categories  #}
{% include "../resources/sections/product-categories.twig", with {
    	'variation'	: 'product-categories-variation-2',
	'items'		: [
		{
			'title'	: 'Men',
			'image'	: 'fashion-category-bg-1.png'
		},
		{
			'title'	: 'Woman',
			'image'	: 'fashion-category-bg-2.png'
		},
		{
			'title'	: 'Kids',
			'image'	: 'fashion-category-bg-3.png'
		}
	]
  } %}
Product Categories Variation 3 Starter Kit Codes 
{# include sections/product-categories  #}
{% include "../resources/sections/product-categories.twig", with {
    	'variation'	: 'product-categories-variation-3',
	'items'		: [
		{
			'title'	: 'Skincare',
			'image'	: 'cosmetics-category-bg-1.png'
		},
		{
			'title'	: 'Makeup',
			'image'	: 'cosmetics-category-bg-2.png'
		},
		{
			'title'	: 'Suncare',
			'image'	: 'cosmetics-category-bg-3.png'
		}
	]
  } %}