README

此 Magento 2 模块为 Hyva 前端添加了使用支付图标的选项。

这要求您有一个正常工作的 Hyva 前端，此图标包专门为 Hyva 主题制作，不会与其他前端直接兼容。

安装

通过以下方式安装包；

composer require siteation/magento2-hyva-icons-payment
bin/magento setup:upgrade

警告此模块需要 Magento 2.4 或更高版本，并需要 Hyva！有关更多要求，请参阅 composer.json。

如何使用

默认情况下，此模块不会加载任何内容。

要使用此图标包代替默认的 Hyva 图标，请将以下内容添加到您的 phtml 文件中；

<?php
use Hyva\Theme\Model\ViewModelRegistry;
use Siteation\HyvaIconsPayment\ViewModel\PaymentIcons;

/** @var ViewModelRegistry $viewModels */

/** @var PaymentIcons $paymentIcons */
$paymentIcons = $viewModels->require(PaymentIcons::class);

并像在 Hyva 中使用 HeroIcons 一样使用 PaymentIcons；

<?= $paymentIcons->idealHtml('p-1', 64, 48, ["aria-label" => "Pay with iDeal"]) ?>

每种风格的预览

我们提供此图标包的 3 种风格

默认

平面

单色

在 CMS 内容中使用 SVG 图标

现在您也可以在您的 CMS 内容中使用 SVG 图标。

将 svg 图标支持带到您的 CMS 页面、块和小部件中。

{{icon "payment/default/ideal" classes="inline-block" width=64 height=48}}
{{icon "payment/flat/ideal" classes="inline-block" width=64 height=48}}
{{icon "payment/mono/ideal" classes="inline-block" width=64 height=48}}

有关如何以及什么是更多信息，请参阅 Hyva 文档

此功能自 Hyva v1.1.12 开始支持

此图标包中提供的支付选项

ABN B2B Afterpay • Alipay • Amazon Pay • Amex • Apple Pay • Bancontact • Banktransfer • Belfius • Biller • Billink • Creditcard • Direct Debit • EPS • Giftcard • Giropay • Google Pay • iDeal • in3 • kbc • Klarna • Maestro • Mastercard • MultiBanco • MyBank • payconiq • PayPal • paysafecard • Przelewy24 • Riverty • Sepa • Sofort • Stripe • Trustly • Visa • vPay • WeChatpay

缺失或过时的支付图标？

我们努力保持此支付选项及其标志列表的准确性和时效性。

如果您发现缺失图标或过时的标志，请通过打开问题或，更好的是，提交拉取请求来帮助我们改进此列表。

使用自动支付图标增强您的商店

此图标包可以与我们的 StoreInfo Payments 模块无缝集成，以自动根据您配置的 Magento 2 支付选项显示支付图标。

感兴趣，请查看 StoreInfo Payments 以自动显示您的支付选项！

其他 Hyva 图标包

有关图标包，请参阅 https://github.com/topics/hyva-icons

如果您正在寻找基于 Luma 的选项，请查看此图标包。

图标许可

此模块中使用的支付图标由 Siteation 根据 MIT 许可证创建

免责声明

所有使用的商标、品牌和/或名称均为其各自所有者的财产。

使用这些商标、品牌和/或名称并不表示我们认可财产所有者，反之亦然。

siteation / magento2-hyva-icons-payment

维护者

详细信息