README

此插件帮助将 Snipcart 集成到 Kirby 网站。我们对这个插件有很多计划，但现在它只是帮助添加默认购物车，并提供蓝图和代码片段，以便获取 Snipcart 运作所需的必要数据。

此插件是为 Snipcart 版本 3 设计的。值得注意的是，这个版本是基于 Vue 构建的，将购物车添加到模板中也会添加 Vue。因此，如果您需要在网站上使用其他交互功能（如灯箱、图片滑块等），则不建议使用 jQuery。请使用基于 Vue 的插件。

计划中的未来功能

Vue 模板覆盖，允许对购物车进行更多定制。
面板小部件显示高级信息，如销售数量、收入等。
与 Snipcart API 相关部分的完全集成。
报告 - 将年度销售数据等导出到 CSV。
其他任何有用的功能！

针对 Kirby 3.8.3+ 和 PHP 8.1+ 构建

安装

下载

下载并将此存储库复制到 /site/plugins/kirby3-snipcart。

Composer

composer require hashandsalt/kirby3-snipcart

商业用途

此插件是免费的，但如果您在商业项目中使用它，请考虑

使用方法

购物车代码片段

在您的关闭 body 标签之前添加购物车

<?= snippet('cart/init') ?>

蓝图

将产品数据蓝图扩展到您的产品页面蓝图

sections:
  productdata:
    type: fields
  fields:
    productinfo: cart/product

添加“添加到购物车”按钮

将“添加到购物车”按钮添加到您的产品模板

<?= snippet('product/add') ?>

添加结账摘要

将“结账”按钮和购物车中的项目添加到您的产品模板

<?= snippet('cart/checkoutsummary') ?>

选项

购物车在没有前端有效 API 的情况下无法工作，并且您还需要一个密钥来使 Kirby 面板工作。这些可以从 Snipcart 仪表板中获取。

您还可以选择是否使用默认的购物车 CSS 主题

'hashandsalt.kirby-snipcart.snipcartlive' => false,

'hashandsalt.kirby-snipcart.apikeytest'   => 'XXXX',
'hashandsalt.kirby-snipcart.apikeylive'   => 'XXXX',

'hashandsalt.kirby-snipcart.apisecrettest' => 'XXXX',
'hashandsalt.kirby-snipcart.apisecretlive' => 'XXXX',

变更说明

以下配置选项已被弃用，因为它现在是 Snipcart JS 调用上的一个选项。您可以在 <?= snippet('cart/init') ?> 中设置它

'hashandsalt.kirby-snipcart.defaulttheme' => true,

hashandsalt / kirby3-snipcart

维护者

详情