README

一个具有客户中心的 有观点 结算界面，适用于 Rapidez。可轻松配置，包括自己的标志、颜色、字体和风格。一个完全针对移动端优化的主题，实现大约需要 1 小时。

包包括

广泛的结算功能（包括用户登录时的快速结算体验）
广泛的客户中心
组件结构的全面改造，允许无障碍地控制结算主题的每一部分

结算

步骤 1 - 购物车 (图片)
步骤 2 - 发货信息及配送方式（已登录，未登录）
步骤 3 - 支付方式 (图片)
步骤 4 - 订单成功 (图片)

客户中心

账户 - 登录 + 注册
账户 - 忘记密码 + 注册
账户 - 注册账户 + 账户功能 + 订阅新闻通讯（可选）
账户 - 控制台（我的订单，账户设置）
账户 - 我的订单
账户 - 账户设置

5 分钟内轻松配置

颜色 - 改变 8 个变量以进行个性化定制
标志 - 通过扩展 1 个模板简单地添加自己的标志
视觉 - 通过扩展定义良好的模板，改变各种类型卡片、客户中心瓷砖等的样式

快速结算体验

已登录 - 如果用户在进入结算时已登录，用户将进入简化的结算步骤 2。
未登录 - 如果用户在进入结算时未登录，我们将验证步骤 2 结算中使用的电子邮件。如果电子邮件已知，我们将提供一个登录屏幕，用户可以登录以进入简化的步骤 2 状态。

安装

composer require rapidez/checkout-theme

要使用此包的视图而不是默认视图，您需要使用以下命令发布“核心覆盖视图”

php artisan vendor:publish --provider="Rapidez\CheckoutTheme\ServiceProvider" --tag=core-overwrites

如果您在安装此包之前已经自己覆盖了这些文件，您必须手动覆盖这些文件，因为发布命令不会覆盖已存在的文件。

将这些颜色添加到您的 tailwind.config.js 并按您的喜好进行修改：（或者，您可以将这些添加到单独的文件中，并将其作为预设添加到 tailwind.config.js 中）

colors: {
    ct: {
        enhanced: {
            DEFAULT: '#40C42A',
        },
        inactive: {
            DEFAULT: '#8A8275',
            100: '#F6F4EE',
        },
        disabled: '#EBE8DE',
        accent: {
            DEFAULT: '#FEAB05',
        },
        primary: {
            DEFAULT: '#625B50',
        },
        border: '#EAE7DC',
        error: '#DF241D',
    },
},

此包还需要在图像调整大小中启用 SKU 功能。这通常默认启用。

配置

发布配置文件，并查看 config/rapidez/checkout-theme.php 中的选项

php artisan vendor:publish --provider="Rapidez\CheckoutTheme\ServiceProvider" --tag=config

支付图标

Rapidez 核心和包含支付方式的 Rapidez 包捆绑了支付图标，结算主题将自动使用这些图标。您只需发布它们即可

php artisan vendor:publish --tag=payment-icons

自定义

如果您愿意，您可以发布这些视图。但建议只发布和更改您需要的视图，这样在更新时您不必将所有视图与新版本进行比较。另外，请注意这是一个有偏见的主题，如果您需要/想更改很多，最好从可升级性的角度构建自己的主题。

php artisan vendor:publish --provider="Rapidez\CheckoutTheme\ServiceProvider" --tag=views

许可证

GNU通用公共许可证v3。请参阅许可证文件以获取更多信息。

rapidez / checkout-theme

维护者

详情

README

安装

配置

支付图标

自定义

许可证