Start up the Spryker shop and run:
composer require scaleflex/spryker-cloudimageTo get the package running, register the "Scaleflex" namespace into the config_default.php in the KernelConstants::CORE_NAMESPACES
Set these constants in the config, where it is needed. the BaseUrl and the ignoredUrlPaths need to be set according to the use case.
Register the Twig plugin in the Pyz\Yves\Twig\TwigDependencyProvider.php
Example
Use the TwigFilter for the images. Here is an example of how to extend the Pyz\Yves\ShopUi\Theme\default\components\molecules\lazy-image.twig. Everywhere this molecule will use Cloudimage and apply a grey filter.
How to use the plugin
Cloudimage documentation for the operations:
Cloudimage documentation for the filters:
$config[KernelConstants::CORE_NAMESPACES] = [
'Scaleflex',
...
];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'];/**
* @return \Spryker\Shared\TwigExtension\Dependency\Plugin\TwigPluginInterface[]
*/
protected function getTwigPlugins(): array
{
return [
...
new CloudimageTwigPlugin(),
];
]{% block body %}
{% set data = data | merge({'imageSrc': data.imageSrc | cloudimage({}, {grey: 1}) }) %}
...
{% endblock %}cloudimage({YOUR_OPERATIONS}, {YOUR_FILTERS})