0.1.7

mage2pro · Sep 22, 2017 · 31ea49c · 31ea49c
1 parent 64cc2e0
commit 31ea49c
Show file tree

Hide file tree

Showing 12 changed files with 29 additions and 42 deletions.
diff --git a/README.md b/README.md
@@ -4,6 +4,7 @@ Yandex.Kassa also works in Armenia, Azerbaijan, Belarus, Georgia, Kazakhstan, Ky
 
 ## [Screenshots](https://mage2.pro/tags/yandex-kassa-screenshots)
 - The frontend checkout screen:
+    - [in the «**images**» mode](https://mage2.pro/t/topic/4562)
     - [in the «**text**» mode](https://mage2.pro/t/topic/4559)
 - [The backend settings](https://mage2.pro/t/topic/4498)
 

diff --git a/composer.json b/composer.json
@@ -1,6 +1,6 @@
 {
 	"name": "mage2pro/yandex-kassa"
-	,"version": "0.1.6"
+	,"version": "0.1.7"
 	,"description": "The «Yandex.Kassa» (Яндекс.Касса, Yandex.Checkout) payment extension for Magento 2."
 	,"type": "magento2-module"
 	,"homepage": "https://mage2.pro/c/extensions/yandex-kassa"
@@ -11,7 +11,7 @@
 		"homepage": "https://mage2.pro/users/dmitry_fedyuk",
 		"role": "Developer"
 	}]
-	,"require": {"mage2pro/core": ">=2.12.13"}
+	,"require": {"mage2pro/core": ">=2.12.16"}
 	,"autoload": {"files": ["registration.php"], "psr-4": {"Dfe\\YandexKassa\\": ""}}
 	,"keywords": [
 		"API"

diff --git a/etc/adminhtml/system.xml b/etc/adminhtml/system.xml
@@ -183,7 +183,7 @@
 					type='select'
 				>
 					<label>Payment options display mode</label>
-					<comment><![CDATA[]]></comment>
+					<comment><![CDATA[See the screenshots:<ul class='df-note'><li><a href='https://mage2.pro/t/4562' target='_blank'>the «<b>images</b>» mode</a></li><li><a href='https://mage2.pro/t/4559' target='_blank'>the «<b>text</b>» mode</a></li></ul>]]></comment>
 					<depends>
 						<field id='enable'>1</field>
 						<field id='optionsLocation'>magento</field>

diff --git a/view/frontend/web/i/cash.png b/view/frontend/web/i/cash.png
diff --git a/view/frontend/web/i/phone.png b/view/frontend/web/i/phone.png
diff --git a/view/frontend/web/i/psb-33.png b/view/frontend/web/i/psb-33.png
diff --git a/view/frontend/web/i/psb-50.png b/view/frontend/web/i/psb-50.png
diff --git a/view/frontend/web/i/qiwi.png b/view/frontend/web/i/qiwi.png
diff --git a/view/frontend/web/i/sberbank.png b/view/frontend/web/i/sberbank.png
diff --git a/view/frontend/web/i/webmoney.png b/view/frontend/web/i/webmoney.png
diff --git a/view/frontend/web/i/yandex-money.png b/view/frontend/web/i/yandex-money.png
diff --git a/view/frontend/web/main.less b/view/frontend/web/main.less
@@ -20,61 +20,47 @@ form.dfe_yandex_kassa {
 	//		'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;}
+		.df-choice label {
+			background-position: center;
+			background-repeat: no-repeat;
+			color: transparent;
+			display: inline-block;
+			width: 200px; height: 50px;
+		}
 		// 2017-09-22 Альфа-Банк
-		.df-option-AB label {background: url('./i/alfabank.png'); width: 169px; height: 50px;}
+		.df-option-AB label {background-image: url('./i/alfabank.png');}
 		// 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;
-		}
+		.df-option-AC label {background-image: url('./i/bank-card.png');}
 		// 2017-09-22 Наличные
-		.df-option-GP label {background: url('./i/cash.png'); width: 47px; height: 50px;}
+		.df-option-GP label {background-image: url('./i/cash.png');}
 		// 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;  }
+		.df-option-EP label {background-image: url('./i/raschet.by.png');}
 		// 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;
-		}
+		.df-option-KV label {background-image: url('./i/kupivkredit.ru.png');}
 		// 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;
+			background-image: url('https://static.masterpass.com/dyn/img/btn/global/mp_chk_btn_180x042px.svg');
 		}
-		// 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 {}
+		// 2017-09-22 Баланс телефона
+		.df-option-MC label {background-image: url('./i/phone.png');}
+		// 2017-09-22 Интернет-банк Промсвязьбанка
+		.df-option-PB label {background-image: url('./i/psb-33.png');}
+		// 2017-09-22 QIWI Wallet
+		.df-option-QW label {background-image: url('./i/qiwi.png');}
+		// 2017-09-22 Сбербанк Онлайн
+		.df-option-SB label {background-image: url('./i/sberbank.png');}
+		// 2017-09-22 WebMoney
+		.df-option-WM label {background-image: url('./i/webmoney.png');}
+		// 2017-09-22 Яндекс.Деньги
+		.df-option-PC label {background-image: url('./i/yandex-money.png');}
 	}
 }