# Custom Products v2 erweitern

**URL:** https://forum.shopware.com/t/custom-products-v2-erweitern/39657
**Category:** Programmierung
**Created:** [8. September 2016 um 10:03 UTC](https://forum.shopware.com/t/custom-products-v2-erweitern/39657 "2016-09-08T10:03:49Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Beyer](https://avatars.discourse-cdn.com/v4/letter/b/ba9def/32.png) [@Beyer](https://forum.shopware.com/u/Beyer)
#### Post date: [8. September 2016 um 10:03 UTC](https://forum.shopware.com/t/custom-products-v2-erweitern/39657/1 "2016-09-08T10:03:49Z")

</div>

Hallo liebe Comunity,

in&nbsp;ExtJs bin ich leider noch eine Niete…

Ich möchte das Shopware Plugin Custom Products um Gruppen erweitern.

Sprich die Optionen grupierbar machen um die Frontendausgabe entsprechend anpassen zu können.

Beim ersten Versuch, die Liste „Optionen“ um eine Spalte „Gruppe“ vom Typ integer zu erweitern, bin ich kläglich gescheitert.

Mein Zweiter Versuch, einen weiteren Tab im Fester „Vorlage erweitern“, einzubauen bringt mich zum Verzweifeln. Ich habe mich an folgendes Tutorial orientiert:

[https://developers.shopware.com/developers-guide/backend-extension/#example-2-custom-components](https://developers.shopware.com/developers-guide/backend-extension/#example-2-custom-components)

Befor ich das ganze in ein Plugin einbaue, habe ich die Änderungen direkt in die js-Dateien hinzugefügt. Und es passiert nichts…

SwagCustomProducts/Views/backend/swag\_custom\_products/view/detail/window.js. Am Ende hinzugefügt:

> Ext.define(‚Shopware.apps.SwagExtendCustomer.view.detail.Window‘, { override: ‚Shopware.apps.SwagCustomProducts.view.detail.Window‘, getTabs: function() { var me = this, result = me.callParent(); result.push(Ext.create(‚Shopware.apps.SwagExtendCustomer.view.detail.MyOwnTab‘)); return result; } }); //{/block}

In der &nbsp;SwagCustomProducts/Views/backend/swag\_custom\_products/view/detail/app.js am Ende hinzugefügt:

> Ext.define(‚Shopware.apps.SwagExtendCustomer.view.detail.MyOwnTab‘, { extend: ‚Ext.container.Container‘, padding: 10, title: ‚MyOwnTab‘, initComponent: function() { var me = this; me.items = [{ xtype: ‚label‘, html: ’
> 
> # Hello world
> 
> ’ }]; me.callParent(arguments); } });

Eigendlich sollte nun der gewünschte Tab ‚MyOwnTab‘ erscheinen.&nbsp;

Meine erste Vermutung ist, dass die Funktion getTabs nicht aufgerufen wird.

Wäre um jede Hilfe dankbar!

---

<div class="post-metadata">

### Author: ![Michael\_Telgmann](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/michael_telgmann/32/20289_2.png) [@Michael\_Telgmann](https://forum.shopware.com/u/Michael_Telgmann)
#### Post date: [8. September 2016 um 12:17 UTC](https://forum.shopware.com/t/custom-products-v2-erweitern/39657/2 "2016-09-08T12:17:40Z")

</div>

Hallo Beyer,

die Funktion getTabs gibt es auch nicht im “Shopware.apps.SwagCustomProducts.view.detail.Window”. Dieses Fenster erbt vom “Shopware.window.Detail”. Hier gibt es eine Methode “createTabItems”, die die Tabs erstellt. Dies ist glaube ich der Einstieg, den du suchst.

Viele Grüße aus Schöppingen

![cool](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/86c57fbace799dd4eb1f1b8a2d3bdc1733f0aea1.png "cool")&nbsp;Michael Telgmann
