setono/sylius-shop-the-look-plugin

为您的Sylius商店创建外观,让客户购买更多商品

安装数: 10,279

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 3

分支: 0

开放问题: 6

类型:sylius-plugin

v0.2.8 2022-04-08 12:52 UTC

This package is auto-updated.

Last update: 2024-09-08 18:33:30 UTC


README

Latest Version on Packagist Software License Build Status

安装

使用Composer安装插件

composer require setono/sylius-shop-the-look-plugin

导入配置

# config/packages/setono_sylius_shop_the_look.yaml
imports:
    - { resource: "@SetonoSyliusShopTheLookPlugin/Resources/config/app/config.yaml" }

(可选) 导入固定数据

如果您希望在开发过程中在应用程序中测试一些外观。

# config/packages/setono_sylius_shop_the_look.yaml
imports:
    # ...
    - { resource: "@SetonoSyliusShopTheLookPlugin/Resources/config/app/fixtures.yaml" }

导入路由

# config/routes/setono_sylius_shop_the_look.yaml
setono_sylius_shop_the_look:
    resource: "@SetonoSyliusShopTheLookPlugin/Resources/config/routes.yaml"
    # Or if your app doesn't use localized URLs:
    # resource: "@SetonoSyliusShopTheLookPlugin/Resources/config/routes_no_locale.yaml"
    # @see https://docs.sylius.com/en/latest/cookbook/shop/disabling-localised-urls.html

将插件类添加到您的 bundles.php

确保您在 SyliusGridBundle 之前添加它,否则您将收到异常。

<?php
$bundles = [
    // ...
    Setono\SyliusShopTheLookPlugin\SetonoSyliusShopTheLookPlugin::class => ['all' => true],
    Sylius\Bundle\GridBundle\SyliusGridBundle::class => ['all' => true],
    // ...
];

准备资源文件

如果您在您的应用程序中使用Webpack encore

  • 将swiper添加到您的 package.json
yarn add swiper
  • webpack.config.js 中指定插件的脚本别名
// webpack.config.js
// Admin
const setonoShopTheLookPluginAdminResources = path.resolve(__dirname, 'vendor/setono/sylius-shop-the-look-plugin/src/Resources/private/admin/');
// ...
adminConfig.resolve.alias['setono/shop-the-look-plugin'] = setonoShopTheLookPluginAdminResources;
// ...

// Shop
const setonoShopTheLookPluginShopResources = path.resolve(__dirname, 'vendor/setono/sylius-shop-the-look-plugin/src/Resources/private/shop/');
// ...
shopConfig.resolve.alias['setono/shop-the-look-plugin'] = setonoShopTheLookPluginShopResources;
  • 使用插件的 apps/styles
// assets/admin/js/app.js
import 'setono/shop-the-look-plugin/js/app';
// assets/shop/js/app.js
import 'setono/shop-the-look-plugin/js/app';
import 'setono/shop-the-look-plugin/scss/app';
  • 然后运行 yarn encore dev 重新构建它

如果您使用常规脚本包含

这不是默认支持的(slug生成脚本),但我猜您可以在应用程序的javascript文件中做类似这样的事情

(function ($) {
  'use strict';

  $.fn.extend({
    // Put setono-shop-the-look-slug.js's content here
  });

  $(document).ready(() => {
    $(document).lookSlugGenerator();
  });
})(jQuery);
# config/packages/setono_sylius_shop_the_look.yaml
imports:
    // ...
    - { resource: "@SetonoSyliusShopTheLookPlugin/Resources/config/app/ui/admin.yaml" }

此外,您还应该探索 src/Resources/private 并根据您的需求调整商店样式/脚本。

更新您的数据库

$ bin/console doctrine:migrations:diff
$ bin/console doctrine:migrations:migrate

覆盖模板

src/Resources/views/templates/bundles 模板中注入外观折扣行到购物车/结账/订单模板,就像在 tests/Application/templates/bundles 中所做的那样。