At BitBag we do believe in open source. However, we are able to do it just because of our awesome clients, who are kind enough to share some parts of our work with the community. Therefore, if you feel like there is a possibility for us working together, feel free to reach us out. You will find out more about our professional services, technologies and contact details at https://bitbag.io/.
- Overview
- Support
- Installation
- About us
- Demo Sylius shop
- Additional Sylius resources for developers
- License
- Contact
This plugin allows you to integrate multiple upload images to products with dropzone features with Sylius platform app.
This open-source plugin was developed to help the Sylius community and make Mollie payments platform available to any Sylius store. If you have any additional questions, would like help with installing or configuring the plugin or need any assistance with your Sylius project - let us know!
At BitBag we do believe in open source. However, we are able to do it just beacuse of our awesome clients, who are kind enough to share some parts of our work with the community. Therefore, if you feel like there is a possibility for us working together, feel free to reach us out. You will find out more about our professional services, technologies and contact details at https://bitbag.io/.
$ composer require bitbag/sylius-multiple-product-image-uploaderAdd plugin dependency to your config/bundles.php file:
return [
...
BitBag\SyliusMultipleProductImageUploader\BitBagSyliusMultipleProductImageUploader::class => ['all' => true],
];Import required config in your config/packages/_sylius.yaml file:
# config/packages/_sylius.yaml
imports:
...
- { resource: "@BitBagSyliusMultipleProductImageUploader/Resources/config/services.xml" }Add traits to your Product entity class, when You don't use annotation.
<?php
declare(strict_types=1);
namespace App\Entity\Product;
use BitBag\SyliusMultipleProductImageUploader\Entity\Product\ProductInterface;
use BitBag\SyliusMultipleProductImageUploader\Entity\Product\ProductTrait;
use Sylius\Component\Core\Model\Product as BaseProduct;
class Product extends BaseProduct implements ProductInterface
{
use ProductTrait;
}Or this way if you use annotations:
<?php
declare(strict_types=1);
namespace App\Entity\Product;
namespace Tests\BitBag\SyliusMultipleProductImageUploader\Entity\Product;
use BitBag\SyliusMultipleProductImageUploader\Entity\Product\ProductInterface;
use BitBag\SyliusMultipleProductImageUploader\Entity\Product\ProductTrait;
use Sylius\Component\Core\Model\Product as BaseProduct;
/**
* @ORM\Entity
* @ORM\Table(name="sylius_product")
*/
class Product extends BaseProduct implements ProductInterface
{
use ProductTrait;
/**
* @var array
* @ORM\Column(type="string", nullable=true)
*/
protected ?array $file = null;
}If you don't use annotations, define new Entity mapping inside your src/Resources/config/doctrine directory.
<?xml version="1.0" encoding="UTF-8"?>
<doctrine-mapping xmlns="http://doctrine-project.org/schemas/orm/doctrine-mapping"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://doctrine-project.org/schemas/orm/doctrine-mapping
http://doctrine-project.org/schemas/orm/doctrine-mapping.xsd"
xmlns:gedmo="http://gediminasm.org/schemas/orm/doctrine-extensions-mapping"
>
<entity name="App\Entity\Product\Product" table="sylius_product">
</entity>
</doctrine-mapping>Create also interface.
<?php
namespace App\Entity\Product;
use BitBag\SyliusMultipleProductImageUploader\Entity\Product\ProductInterface as BitBagProductInterface;
interface ProductInterface extends BitBagProductInterface
{
}Override product resource:
# config/packages/_sylius.yaml
...
sylius_product:
resources:
product:
classes:
model: App\Entity\Product\ProductCopy templates from the plugin to your project:
$ cp -R vendor/bitbag/sylius-multiple-product-image-uploader/tests/Application/templates/bundles/* templates/bundles/(Or manually move the html code to the templates/bundles/ directory, if you already have any of these templates overwritten in your project.)
Install js packages:
$ yarn add [email protected]
$ yarn add hotwired/[email protected]
$ yarn add symfony/[email protected]Import plugin webpack.config.js file:
const [ bitbagMultipleProductImageUploaderAdmin ] = require('./vendor/bitbag/sylius-multiple-product-image-uploader/webpack.config.js');
...
module.exports = [.. bitbagMultipleProductImageUploaderAdmin ];Add new packages in config/packages/assets.yaml
framework:
assets:
packages:
...
bitbag_multiple_images_uploader:
json_manifest_path: '%kernel.project_dir%/public/build/bitbag/sylius-multiple-product-image-uploader/admin/manifest.json'
Add new build paths in config/packages/webpack_encore.yml
webpack_encore:
output_path: '%kernel.project_dir%/public/build/default'
builds:
...
bitbag_multiple_images_uploader: '%kernel.project_dir%/public/build/bitbag/sylius-multiple-product-image-uploader/admin'Note: If you are running it on production, add the -e prod flag to this command.
Run the below command to see what Symfony services are shared with this plugin:
$ bin/console debug:container | grep bitbag_sylius_multiple_product_image_uploader$ composer install --no-scripts
$ cd tests/Application
$ bin/console cache:warmup -e test
$ bin/console assets:install public -e test
$ yarn install
$ yarn encore dev
$ bin/console doctrine:database:create -e test
$ bin/console doctrine:schema:create -e test
$ bin/console sylius:fixtures:load -e test
$ bin/console server:run 127.0.0.1:8080 -d public -e test
$ open http://localhost:8080
$ cd ../..
$ vendor/bin/behat
$ vendor/bin/phpspec runBitBag is an agency that provides high-quality eCommerce and Digital Experience software. Our main area of expertise includes eCommerce consulting and development for B2C, B2B, and Multi-vendor Marketplaces. The scope of our services related to Sylius includes:
- Consulting in the field of strategy development
- Personalized headless software development
- System maintenance and long-term support
- Outsourcing
- Plugin development
- Data migration
Some numbers regarding Sylius:
- 20+ experts including consultants, UI/UX designers, Sylius trained front-end and back-end developers,
- 100+ projects delivered on top of Sylius,
- Clients from 20+ countries
- 3+ years in the Sylius ecosystem.
If you need some help with Sylius development, don't be hesitate to contact us directly. You can fill the form on this site or send us an e-mail to [email protected]!
For online communication, we invite you to chat with us & other users on Sylius Slack.
We created a demo app with some useful use-cases of plugins! Visit b2b.bitbag.shop to take a look at it. The admin can be accessed under b2b.bitbag.shop/admin/login link and sylius: sylius credentials. Plugins that we have used in the demo:
If you need an overview of Sylius' capabilities, schedule a consultation with our expert.
To learn more about our contribution workflow and more, we encourage ypu to use the following resources:
This plugin's source code is completely free and released under the terms of the MIT license.
If you want to contact us, the best way is to fill the form on our website or send us an e-mail to [email protected] with your question(s). We guarantee that we answer as soon as we can!
