0.1.6

composer.json

@@ -1,6 +1,6 @@
 {
 	"name": "mage2pro/yandex-kassa"
-	,"version": "0.1.5"
+	,"version": "0.1.6"
 	,"description": "The «Yandex.Kassa» (Яндекс.Касса, Yandex.Checkout) payment extension for Magento 2."
 	,"type": "magento2-module"
 	,"homepage": "https://mage2.pro/c/extensions/yandex-kassa"

etc/config.xml

@@ -18,7 +18,7 @@ https://tech.yandex.com/money/doc/payment-solution/payment-form/payment-form-htt
 				<identification_rules>
 					<max_length>64</max_length>
 				</identification_rules>
-				<optionsAllowed>AB,AC,EP,GP,KV,MA,MC,MP,PB,PC,QW,SB,WM</optionsAllowed>
+				<optionsAllowed>AB,AC,EP,GP,KV,MA,MC,PB,PC,QW,SB,WM</optionsAllowed>
 				<optionsDescription><![CDATA[После нажатия кнопки «<b>Оплатить</b>» Вы будете перенаправлены на платёжную страницу Яндекс.Кассы, где Вам будут доступны следующие способы оплаты: {options}.]]></optionsDescription>
 				<optionsDisplayMode>images</optionsDisplayMode>
 				<optionsLocation>magento</optionsLocation>

etc/options.json

@@ -6,7 +6,6 @@
 	,"KV": {"canRefund": true, "lifetime": null, "title": {"en": "KupiVkredit", "ru": "КупиВкредит"}}
 	,"MA": {"canRefund": true, "lifetime": null, "title": {"en": "MasterPass", "ru": "MasterPass"}}
 	,"MC": {"canRefund": false, "lifetime": null, "title": {"en": "Phone account balance", "ru": "Баланс телефона"}}
-	,"MP": {"canRefund": true, "lifetime": null, "title": {"en": "Mobile terminal (mPOS)", "ru": "Мобильный терминал (mPOS)"}}
 	,"PB": {"canRefund": false, "lifetime": "24h", "title": {"en": "Promsvyazbank online banking", "ru": "Интернет-банк Промсвязьбанка"}}
 	,"PC": {"canRefund": true, "lifetime": "1h", "title": {"en": "Yandex.Money", "ru": "Яндекс.Деньги"}}
 	,"QW": {"canRefund": true, "lifetime": null, "title": {"en": "QIWI Wallet", "ru": "QIWI Wallet"}}

view/frontend/web/main.less

@@ -14,4 +14,67 @@ form.dfe_yandex_kassa {
 			column-gap: 2em;
 		}
 	}
+	// 2017-09-22
+	// Note 1. This style is set when the «Payment options display mode» option has the «images» value.
+	// @see Df_Payment/withOptions::containerCss():
+	//		'withOptions-displayMode-' + this.config('optionsDisplayMode')
+	// Note 2. [Yandex.Kassa] The payment options: https://mage2.pro/t/4494
+	.withOptions-displayMode-images & {
+		.df-choice label {display: inline-block; color: transparent;}
+		// 2017-09-22 Альфа-Банк
+		.df-option-AB label {background: url('./i/alfabank.png'); width: 169px; height: 50px;}
+		// 2017-09-22 Банковская карта
+		.df-option-AC label {
+			background: url('./i/bank-card.png') center no-repeat;
+			width: 200px; height: 39px; padding: 5px 0 6px 0;
+		}
+		// 2017-09-22 Наличные
+		.df-option-GP label {background: url('./i/cash.png'); width: 47px; height: 50px;}
+		// 2017-09-22
+		// ЕРИП (raschet.by, Беларусь)
+		// I have found the logo here: https://raschet.by/o-sisteme/o-sisteme
+		// See the «Материалы для скачивания» section.
+		.df-option-EP label {background: url('./i/raschet.by.png') center no-repeat; width: 75px; height: 50px;  }
+		// 2017-09-22
+		// КупиВкредит
+		// The logo sources:
+		// 1) In the EPS format:
+		// 2) In the PNG format: https://www.kupivkredit.ru/join
+		// See the «Логотипы, кнопки, баннеры и доп. материалы» section.
+		.df-option-KV label {
+			background: url('./i/kupivkredit.ru.png') center no-repeat;
+			width: 194px; height: 48px; padding: 1px 0;
+		}
+		// 2017-09-22
+		// MasterPass. I have found the logo here: https://developer.mastercard.com/page/masterpass-digital-assets
+		.df-option-MA label {
+			background:
+				url('https://static.masterpass.com/dyn/img/btn/global/mp_chk_btn_180x042px.svg')
+				center no-repeat
+			;
+			width: 180px; height: 42px; padding: 4px 0;
+		}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+		// 2017-09-22 STUB
+		.df-option-STUB label {}
+	}
 }