Section & Variations › Payment

Available Parameters
Parameter Type Description
variation Text
required
Default : cart-variation-1 		Selected variations for Payment section.
List of available variations :
  • cart-variation-1
  • cart-variation-2
  • cart-variation-3
title Text Set title for Payment section.
items Array of Cart Item
required for cart-variation-2, cart-variation-3 		Set list of Cart Item.
Example:
[
  {
    "title"           : "Slim Fit Waffled polo shirt",
    "price"           : 29.0,
    "priceDisplay"    : "$29.00",
    "qty"             : 2,
    
    "variables"       : [
      {
        "label" : "Color: ",
        "value" : "Pale Taupe"
      },
      {
        "label" : "Size: ",
        "value" : "XL"
      }
    ],
    
    "image"        : "fashion-product-list-5.png"
  }
]
summaryItems Array of Summary Item
required for cart-variation-2, cart-variation-3 		Set list of Summary Item.
Example:
[
  {
    "class" : "strong",
    "label" : "Total",
    "value" : "$500.00"
  }
]
Available Variations
Payment Variation 1 Starter Kit Codes 
{# include sections/payment  #}
{% include "../resources/sections/payment.twig", with {
    	'variation'		: 'cart-variation-1',

	'title'			: 'Payment method'
  } %}
Payment Variation 2 Starter Kit Codes 
{# include sections/payment  #}
{% include "../resources/sections/payment.twig", with {
    	'variation'		: 'cart-variation-2',

	'title'			: 'Payment',

	'items'			: [
		{
			'title'			: 'Slim Fit Waffled polo shirt',
			'price'			: 29.0,
			'priceDisplay'	: '$29.00',
			'qty'			: 2,

			'variables'		: [
				{
					'label'	: 'Color: ',
					'value'	: 'Pale Taupe',
				},
				{
					'label'	: 'Size: ',
					'value'	: 'XL',
				}
			],

			'image'			: 'fashion-product-list-5.png',
		},
		{
			'title'			: 'Man in Green Zip Up Jacket',
			'price'			: 29.0,
			'priceDisplay'	: '$29.00',
			'qty'			: 1,

			'variables'		: [
				{
					'label'	: 'Color: ',
					'value'	: 'Olive Green',
				},
				{
					'label'	: 'Size: ',
					'value'	: 'XL',
				}
			],

			'image'			: 'fashion-product-list-snippet-4.png',
		}
	],

	'summaryItems'		: [
		{
			'class'	: 'strong',
			'label'	: 'Total',
			'value'	: '$500.00'
		},
	]
  } %}
Payment Variation 3 Starter Kit Codes 
{# include sections/payment  #}
{% include "../resources/sections/payment.twig", with {
    	'variation'		: 'cart-variation-3',

	'title'			: 'Payment',

	'items'			: [
		{
			'title'			: 'Virena Smoothing Starter Set',
			'category'		: 'Skincare',

			'price'			: 320.0,
			'priceDisplay'	: '$320.00',
			'qty'			: 1,

			'image'			: 'cosmetics-product-details-2.png',
		},
		{
			'title'			: 'Advanced Super Revitalizing Cream',
			'category'		: 'Skincare',

			'price'			: 18.0,
			'priceDisplay'	: '$18.00',
			'qty'			: 1,

			'image'			: 'cosmetics-product-list-9.png',
		}
	],

	'summaryItems'		: [
		{
			'class'	: 'strong',
			'label'	: 'Total',
			'value'	: '$500.00'
		}
	]
  } %}