README

安装

启动Spryker商店并运行

composer require scaleflex/spryker-cloudimage

商店配置

为了运行该包，将"Scaleflex"命名空间注册到KernelConstants::CORE_NAMESPACES中的config_default.php文件

$config[KernelConstants::CORE_NAMESPACES] = [
    'Scaleflex',
    ...
];

在需要的地方设置这些常量。BaseUrl和ignoredUrlPaths需要根据实际使用情况进行设置。

use Scaleflex\Shared\Cloudimage\CloudimageConstants;

$config[CloudimageConstants::TOKEN] = '{{YOUR_TOKEN}}';
$config[CloudimageConstants::BASE_URL] = 'http://yves.de.spryker.local';
$config[CloudimageConstants::IGNORED_URL_PATHS] = ['http://yves.de.spryker.local'];

代码集成

在Pyz\Yves\Twig\TwigDependencyProvider.php中注册Twig插件

/**
 * @return \Spryker\Shared\TwigExtension\Dependency\Plugin\TwigPluginInterface[]
 */
protected function getTwigPlugins(): array
{
    return [
        ...
        new CloudimageTwigPlugin(),
    ];
]

示例

使用图像的TwigFilter。以下是如何扩展Pyz\Yves\ShopUi\Theme\default\components\molecules\lazy-image.twig的示例。在此分子中使用Cloudimage并应用灰色过滤器。

{% block body %}
    {% set data = data | merge({'imageSrc': data.imageSrc | cloudimage({}, {grey: 1}) }) %}
    ...
{% endblock %}

如何使用插件

cloudimage({YOUR_OPERATIONS}, {YOUR_FILTERS})

关于操作的Cloudimage文档：https://docs.cloudimage.io/go/cloudimage-documentation-v7/en/image-resizing

关于过滤器的Cloudimage文档：https://docs.cloudimage.io/go/cloudimage-documentation-v7/en/image-filters

scaleflex / spryker-cloudimage

维护者

详细信息

README

安装

商店配置

代码集成

示例

如何使用插件