superpayments/superpayment-hyva

为 Superpayment 提供的 Hyvä 主题兼容性模块

维护者

详细信息

github.com/superpayments/magento-plugin-hyva

源代码

问题

安装次数: 6

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 8

分支: 0

开放性问题: 3

语言:HTML

类型:magento2-module

1.0.0 2024-04-08 11:03 UTC

Requires

  • hyva-themes/magento2-compat-module-fallback: *
  • hyva-themes/magento2-hyva-checkout: ^1.1
  • magento/framework: *
  • superpayments/superpayment: *

OSL-3.0, AFL-3.0 e928c707794319793b55d7f7df6fe9b1938a6d51

This package is auto-updated.

Last update: 2024-09-29 03:37:43 UTC

README

本存储库包含使 Hyvä 支持超级支付的模块，https://www.hyva.io/。

先决条件

在安装 Super Payments Hyvä 插件之前，您必须安装以下内容。

  1. 安装 SuperPayments Magento 2 模块，https://github.com/superpayments/magento-plugin

  2. 安装 Hyva Checkout，https://docs.hyva.io/checkout/hyva-checkout/getting-started/index.html

  3. Hyva 主题，https://docs.hyva.io/hyva-themes/getting-started/index.html（有一个默认主题）

  4. Hyva 兼容性模块，https://docs.hyva.io/hyva-themes/compatibility-modules/index.html#compat-module-development-videos

生成超级支付 Hyvä 模块

  1. 更新超级支付 Hyvä 模块版本。

  2. 可以通过以下方式创建新版本： https://github.com/superpayments/magento-plugin-hyva/releases/new。

手动安装模块

  1. 下载并解压 ZIP 文件。

  2. 连接到 Magento 服务器。

  3. 导航到 "app/code" 目录。确保存在“SuperPayments”文件夹，并在该文件夹中创建另一个名为“SuperPaymentHyva”的文件夹。

  4. 转到路径 "app/code/Superpayments/SuperPaymentHyva"。将下载模块中的“src”文件夹中的所有超级支付 Hyvä 模块文件夹和文件复制到其中。

  5. 在终端中运行以下命令

php bin/magento hyva:config:generate

  1. 检查文件 "app/etc/hyva-themes.json"，确保 Hyva 兼容性模块文件路径正确指定。这是生成样式所必需的。

  2. 生成 CSS 文件

npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind/ run ci
npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind/ run build-prod

或从您的主题

npm --prefix app/design/frontend/<Vendor>/<Theme>/web/tailwind run ci
npm --prefix app/design/frontend/<Vendor>/<Theme>/web/tailwind run build-prod
  1. 运行命令，然后在管理面板中配置模块。
php bin/magento setup:upgrade

缺少样式？

确保您的主题中使用 PostCSS 时使用了 postcssImportHyvaModules 插件

  1. 转到您的主题文件夹： app/design/frontend/<Vendor>/<Theme>/web/tailwind
  2. 安装模块
npm install --save-dev @hyva-themes/hyva-modules
  1. 打开您的 postcss.config.js 并将其作为第一行添加
const { postcssImportHyvaModules } = require("@hyva-themes/hyva-modules");
  1. 确保插件包含在插件列表中
module.exports = {
    plugins: [
        postcssImportHyvaModules,
        // ...
    ],
};