Plugin which adds possibility to create groups of product attributes


BitBag SyliusProductAttributeGroupsPlugin

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 to work together, feel free to reach out. You will find out more about our professional services, technologies, and contact details at .

Like what we do? Want to join us? Check out our job listings on our career page. Not familiar with Symfony & Sylius yet, but still want to start with us? Join our academy!

Table of Content


In some e-commerce cases there is a need for grouping product attributes together. The SyliusProductAttributeGroupsPlugin allows you to group your attributes and attach them grouped to the products.


  1. We work on stable, supported and up-to-date versions of packages. We recommend you to do the same.
$ composer install bitbag/product-attribute-groups-plugin
  1. Add plugin dependencies to your config/bundles.php file:
return [

    BitBag\SyliusProductAttributeGroupsPlugin\BitBagSyliusProductAttributeGroupsPlugin::class => ['all' => true],
  1. Import required config in your config/packages/_sylius.yaml file:
# config/packages/_sylius.yaml


    - { resource: "@BitBagSyliusProductAttributeGroupsPlugin/Resources/config/config.yml" }
  1. Add required routes:
# config/routes.yaml

    resource: "@BitBagSyliusProductAttributeGroupsPlugin/Resources/config/routing.yml"
  1. Import plugin's webpack.config.js file
// webpack.config.js
const [ bitbagProductAttributeGroupsAdmin ] = require('./vendor/bitbag/product-attribute-groups-plugin/webpack.config.js')

module.exports = [..., bitbagProductAttributeGroupsAdmin];
  1. Add new packages in ./config/packages/assets.yaml
# config/packages/assets.yaml

            # ...
                json_manifest_path: '%kernel.project_dir%/public/build/bitbag/productAttributeGroups/admin/manifest.json'
  1. Add new build paths in ./config/packages/webpack_encore.yml
# config/packages/webpack_encore.yml

        # ...
        product_attribute_groups_admin: '%kernel.project_dir%/public/build/bitbag/productAttributeGroups/admin'
  1. Add encore functions to your templates
{# @SyliusAdminBundle/_scripts.html.twig #}
{{ encore_entry_script_tags('bitbag-productAttributeGroups-admin', null, 'product_attribute_groups_admin') }}

{# @SyliusAdminBundle/_styles.html.twig #}
{{ encore_entry_link_tags('bitbag-productAttributeGroups-admin', null, 'product_attribute_groups_admin') }}

{# @SyliusShopBundle/_scripts.html.twig #}
{{ encore_entry_script_tags('bitbag-productAttributeGroups-shop', null, 'product_attribute_groups_shop') }}

{# @SyliusShopBundle/_styles.html.twig #}
{{ encore_entry_link_tags('bitbag-productAttributeGroups-shop', null, 'product_attribute_groups_shop') }}
  1. Override forms:
# templates/bundles/SyliusAdminBundle/ProductAttribute/_form.html.twig

{% from '@SyliusAdmin/Macro/translationForm.html.twig' import translationForm %}

{{ form_errors(form) }}

<div class="ui segment">
    <div class="four fields">
        {{ form_row(form.code) }}
        {{ form_row(form.position) }}
        {{ form_row(form.type) }}
        {{ form_row(form.groups) }}
    {{ form_row(form.translatable) }}
{% if form.configuration is defined %}
    <div class="ui segment">
        <h4 class="ui dividing header">{{ 'sylius.ui.configuration'|trans }}</h4>
        {% for field in form.configuration %}
            {{ form_row(field) }}
        {% endfor %}
{% endif %}
{{ translationForm(form.translations) }}
# templates/bundles/SyliusAdminBundle/Product/Attribute/attributeChoice.html.twig

<div class="ui fluid action input" id="attributeChoice" data-action="{{ path('sylius_admin_render_attribute_forms') }}" style="margin-bottom: 30px;">
    {{ form_widget(form, {'attr': {'class': 'ui fluid search dropdown', 'id': 'sylius_product_attribute_choice', 'data-attributes': ''}}) }}

    <button class="ui olive labeled icon floating dropdown button" id="add_attributes_group" data-tab="add_attributes_group" tabindex="0" type="button">
        <i class="icon clipboard list"></i> <span class="text"> {{ 'bitbag_sylius_product_attribute_group_plugin.ui.attributes_group'|trans }} </span>

        <div id="menuWithAttributesGroup" class="menu transition hidden" data-attribute-groups tabindex="-1"></div>

    <button class="ui green labeled icon button" type="button">
        <i class="icon plus"></i> {{ 'sylius.ui.add_attributes'|trans }}

    const urlAttributesGroup = "{{ app.request.schemeAndHttpHost }}/api/v2/shop/shop-attributes-groups"


This open-source plugin was developed to help the Sylius community. 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!

About us

BitBag is a company of people who love what they do and do it right. We fulfill the eCommerce technology stack with Sylius, Shopware, Akeneo, and Pimcore for PIM, eZ Platform for CMS, and VueStorefront for PWA. Our goal is to provide real digital transformation with an agile solution that scales with the clients’ needs. Our main area of expertise includes eCommerce consulting and development for B2C, B2B, and Multi-vendor Marketplaces.
We are advisers in the first place. We start each project with a diagnosis of problems, and an analysis of the needs and goals that the client wants to achieve.
We build unforgettable, consistent digital customer journeys on top of the best technologies. Based on a detailed analysis of the goals and needs of a given organization, we create dedicated systems and applications that let businesses grow.
Our team is fluent in Polish, English, German and, French. That is why our cooperation with clients from all over the world is smooth.

Some numbers from BitBag regarding Sylius:

  • 50+ experts including consultants, UI/UX designers, Sylius trained front-end and back-end developers,
  • 120+ projects delivered on top of Sylius,
  • 25+ countries of BitBag’s customers,
  • 4+ years in the Sylius ecosystem.

Our services:

  • Business audit/Consulting in the field of strategy development,
  • Data/shop migration,
  • Headless eCommerce,
  • Personalized software development,
  • Project maintenance and long term support,
  • Technical support.

Key clients: Mollie, Guave, P24, Folkstar, i-LUNCH, Elvi Project, WestCoast Gifts.

If you need some help with Sylius development, don't be hesitated to contact us directly. You can fill the form on this site or send us an e-mail at!


For online communication, we invite you to chat with us & other users on Sylius Slack.

Demo Sylius Shop

We created a demo app with some useful use-cases of plugins! Visit to take a look at it. The admin can be accessed under link and bitbag: bitbag credentials. Plugins that we have used in the demo:

BitBag's Plugin GitHub Sylius' Store
ACL Plugin Private. Available after the purchasing.
Braintree Plugin
CMS Plugin
Elasticsearch Plugin
Mailchimp Plugin
Multisafepay Plugin
Wishlist Plugin
Sylius' Plugin GitHub Sylius' Store
Admin Order Creation Plugin
Invoicing Plugin
Refund Plugin

If you need an overview of Sylius' capabilities, schedule a consultation with our expert.

Additional resources for developers

To learn more about our contribution workflow and more, we encourage you 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 with your question(s). We guarantee that we answer as soon as we can!