# Einkaufswelten Custom-Element

**URL:** https://forum.shopware.com/t/einkaufswelten-custom-element/90800
**Category:** Themes & Design
**Tags:** themes--design
**Created:** [11. Oktober 2021 um 08:13 UTC](https://forum.shopware.com/t/einkaufswelten-custom-element/90800 "2021-10-11T08:13:06Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![PhilippNiehaus](https://avatars.discourse-cdn.com/v4/letter/p/85f322/32.png) [@PhilippNiehaus](https://forum.shopware.com/u/PhilippNiehaus)
#### Post date: [11. Oktober 2021 um 08:13 UTC](https://forum.shopware.com/t/einkaufswelten-custom-element/90800/1 "2021-10-11T08:13:06Z")

</div>

Hallo alle zusammen,

ich möchte gerne ein Custom-Element für eine Einkaufwelt auf der Startseite erstellen. Ich habe die Doku gelesen, jedoch gab es für mein spezielles Anliegen hier keine wirkliche Antwort. Eigentlich bezweifle ich, dass es überhaupt möglich ist, aber fragen kostet ja nichts 😃

Mein Element soll folgendermaßen aussehen (Leere Kacheln sollen Produkte sein, Container mit X drin soll Hintergrundbild enthalten):

 ![Bildschirmfoto 2021-10-11 um 10.07.50](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/e/eed625aeec33745ad4a0b8cf109fb675ad2a7b6a.png)

Normalerweise würde ich sowas selbst coden und über das Code-Element platzieren, aber es wäre natürlich noch komfortabler, wenn man die Produkte so platzieren könnte wie im Slider- oder Produktkachel-Element. Hat jemand eine Idee oder bin ich da übers Ziel hinausgeschossen?

---

<div class="post-metadata">

### Author: ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)
#### Post date: [11. Oktober 2021 um 08:19 UTC](https://forum.shopware.com/t/einkaufswelten-custom-element/90800/2 "2021-10-11T08:19:31Z")

</div>

Alternative: Alles ist ein Bild (Banner) und du legst einzelne Verlinkungen (Bild-Mapping) auf die 4 Bereiche

---

<div class="post-metadata">

### Author: ![PhilippNiehaus](https://avatars.discourse-cdn.com/v4/letter/p/85f322/32.png) [@PhilippNiehaus](https://forum.shopware.com/u/PhilippNiehaus)
#### Post date: [11. Oktober 2021 um 08:55 UTC](https://forum.shopware.com/t/einkaufswelten-custom-element/90800/3 "2021-10-11T08:55:33Z")

</div>

Das Ziel wäre eigentlich, dass die Funktionalitäten erhalten bleiben, über die man die Produkte in der Einkaufwelt austauschen kann wie beim Slider oder der Produktkachel. Dann müssten die Vertriebs-Kollegen nicht immer beim Grafiker oder der Programmierung nachfragen 😃

---

<div class="post-metadata">

### Author: ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)
#### Post date: [11. Oktober 2021 um 09:01 UTC](https://forum.shopware.com/t/einkaufswelten-custom-element/90800/4 "2021-10-11T09:01:46Z")

</div>

Sicherlich als eigenes EKW-Element machbar. Aber schon komplex. Mach erstmal ein einfaches, dann siehst du warum.  
Ich würde das Vorhaben mit vorhandenen Elementen umsetzen. Plus etwas CSS.

---

<div class="post-metadata">

### Author: ![PhilippNiehaus](https://avatars.discourse-cdn.com/v4/letter/p/85f322/32.png) [@PhilippNiehaus](https://forum.shopware.com/u/PhilippNiehaus)
#### Post date: [11. Oktober 2021 um 09:07 UTC](https://forum.shopware.com/t/einkaufswelten-custom-element/90800/5 "2021-10-11T09:07:02Z")

</div>

Alles klar, sowas hatte ich mir schon gedacht. Witzigerweise bin ich so gerade zu einer relativ einfachen Lösung gelangt. Ich habe ein Custom-Code Element neben 4 Produktkacheln gestellt und die Breite einfach per CSS auf 100% angehoben. So läuft es hinter die Produktkacheln und sieht genau so aus, wie ich es haben wollte. Danke für die Anregung @NextMike 😃

---

<div class="post-metadata">

### Author: ![phil](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/phil/32/13661_2.png) [@phil](https://forum.shopware.com/u/phil)
#### Post date: [11. Oktober 2021 um 09:10 UTC](https://forum.shopware.com/t/einkaufswelten-custom-element/90800/6 "2021-10-11T09:10:40Z")

</div>

Klar kannst Du sowas bauen. So wie dargestellt wäre es allerdings nicht responsive, ich würde mir also erst einmal überlegen, wie es für mobile aussehen soll. Zusätzlich zur [Doku](https://developers.shopware.com/developers-guide/custom-shopping-world-elements/) siehst Du Dir am besten mal den [Code vom article-slider](https://github.com/shopware/shopware/blob/5.7/themes/Backend/ExtJs/backend/emotion/view/components/article_slider.js) an, denn im Prinzip ist dein Ansatz ja nur eine Variation davon.

LG Phil

Edit: ok, ihr wart schneller 😆

---

<div class="post-metadata">

### Author: ![cha.neln.icoleyu97](https://avatars.discourse-cdn.com/v4/letter/c/b2d939/32.png) [@cha.neln.icoleyu97](https://forum.shopware.com/u/cha.neln.icoleyu97)
#### Post date: [15. Februar 2022 um 06:04 UTC](https://forum.shopware.com/t/einkaufswelten-custom-element/90800/7 "2022-02-15T06:04:35Z")

</div>

Thanks for sharing this information. It was useful[.](https://www.rapidfs.biz/)
