https://github.com/siteation/magento2-hyva-icons-payment

This Magento 2 module adds the option to use Payment Icons in your Hyva frontend.
https://github.com/siteation/magento2-hyva-icons-payment

hyva hyva-icons icons magento2 magento2-module payment-icons

Last synced: about 2 months ago
JSON representation

This Magento 2 module adds the option to use Payment Icons in your Hyva frontend.

• Host: GitHub
• URL: https://github.com/siteation/magento2-hyva-icons-payment
• Owner: Siteation
• License: mit
• Created: 2023-04-27T14:17:21.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-11T18:16:03.000Z (3 months ago)
• Last Synced: 2024-10-11T18:51:17.957Z (3 months ago)
• Topics: hyva, hyva-icons, icons, magento2, magento2-module, payment-icons
• Language: PHP
• Homepage:
• Size: 96.7 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Siteation - Hyva Icon Pack - Payment

[![Packagist Version](https://img.shields.io/packagist/v/siteation/magento2-hyva-icons-payment?style=for-the-badge)](https://packagist.org/packages/siteation/magento2-hyva-icons-payment)

![Supported Magento Versions](https://img.shields.io/badge/magento-%202.4-brightgreen.svg?logo=magento&longCache=true&style=for-the-badge)

[![Hyva Themes Module](https://img.shields.io/badge/Hyva_Themes-Module-3df0af.svg?longCache=true&style=for-the-badge)](https://hyva.io/)

![License](https://img.shields.io/github/license/siteation/magento2-hyva-icons-payment?color=%23234&style=for-the-badge)

This Magento 2 module adds the option to use Payment Icons in your Hyva frontend.

This requires that you have a working Hyva frontend,

this icon pack was made specifically for Hyva Themes and will not work out of the box with any other frontend.

## Installation

Install the package via;

```bash

composer require siteation/magento2-hyva-icons-payment

bin/magento setup:upgrade

```

> **Warning** This Module requires Magento 2.4 or higher and requires Hyva!

> For more requirements see the `composer.json`.

## How to use

By default this module loads nothing.

To use this icon pack instead of the default Hyva icons, add the following to your phtml file;

```php

require(PaymentIcons::class);

```

and use the PaymentIcons just as the HeroIcons in Hyva;

```php

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

```

### Preview of each style

We offer this icon pack in 3 styles:

#### Default

![ideal-logo] ![maestro-logo] ![paypal-logo]

[ideal-logo]: ./assets/preview/default/ideal.svg

[maestro-logo]: ./assets/preview/default/maestro.svg

[paypal-logo]: ./assets/preview/default/paypal.svg

#### Flat

  

  

  

   

#### Mono

  

  

  

  

  

  

### Using SVG icons in CMS content

You can now also use the SVG icons in your CMS content.

Bringing svg icon support to you CMS pages, Blocks and Widgets.

```txt

{{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}}

```

[For more information on how and what see the Hyva Docs](https://docs.hyva.io/hyva-themes/writing-code/working-with-view-models/svgicons.html#using-svg-icons-in-cms-content)

> This feature is supported since Hyva v1.1.12

## Payment options offered in this Icon Pack

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

## Missing or Outdated Payment Icons?

We strive to keep this list of payment options and their logos accurate and up-to-date.

If you notice a missing icon or an outdated logo,

please help us improve the list by opening an issue or, even better, submitting a pull request.

## Enhance Your Store with Automatic Payment Icons

This icon pack seamlessly integrates with our [StoreInfo Payments] module to automatically display payment icons based on your configured Magento 2 payment options.

Interested, then checkout the [StoreInfo Payments] to display your Payment options Automatically!

[StoreInfo Payments]: https://github.com/Siteation/magento2-storeinfo-payments

## Other Icon packs for Hyva

- For Icons packs see https://github.com/topics/hyva-icons

_If you are looking for a Luma based option [checkout this icon pack instead](https://github.com/GrimLink/magento2-icon-packs)._

## Icon License

The payment icons used in this module were created by Siteation under a MIT License

## Disclaimer

All used trademarks, brands and/or names are the property of their respective owners.

The use of these trademarks,

brands and/or names does not indicate endorsement of the property holder by us,

nor vice versa.