# Mobil 2 Artikel nebeneinander

**URL:** <https://forum.shopware.com/t/mobil-2-artikel-nebeneinander/100304>\
**Category:** Themes & Design\
**Created:** [28. Juni 2023 um 20:02 UTC](https://forum.shopware.com/t/mobil-2-artikel-nebeneinander/100304 "2023-06-28T20:02:32Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![tom\_prok](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@tom\_prok](https://forum.shopware.com/u/tom_prok)\
**Post date:** [3. Juli 2023 um 07:31 UTC](https://forum.shopware.com/t/mobil-2-artikel-nebeneinander/100304/4 "2023-07-03T07:31:17Z")

</div>

Guten Morgen,

werden dir Änderungen, die du im Child-Theme machst im Frontend schon angezeigt, das ist erstmal wichtig um zu testen, ob bei der Einrichtung des Child-Themes alles funktioniert hat.

Das komplette Date müsste so aussehen: \views\storefront\component\product\listing.html.twig

```auto
{% sw_extends '@Storefront/storefront/component/product/listing.html.twig' %}

{% block element_product_listing_col %}
    {% for product in searchResult %}
    	<div class="cms-listing-col col-6 {{ listingColumns }}">
            {% block element_product_listing_box %}
                {% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
                    'layout': boxLayout,
                    'displayMode': displayMode
                } %}
            {% endblock %}
        </div>
    {% endfor %}
{% endblock %}

```

Die einzige Änderung, die ich gemacht habe, ist in Zeile 5. Da habe ich die Bootstrap-Klasse `col-6` hinzugefügt. Damit werden die Spalten (Produkte) auf 6/12 eingestellt für den Smartphone Viewport.

Die Tablet und Desktop-Ansicht werden nicht überschrieben (durch die Variabel `{{ listingColumns }}` danach).

Mehr zum Boostrap Grid-System hier: [Grid system · Bootstrap v5.0](https://getbootstrap.com/docs/5.0/layout/grid/)  
Evtl musst du die Abstände noch etwas mit CSS anpassen, aber mit der o.g. Änderungen sollten auf jeden Fall schonmal 2 Artikel nebeneinander angezeigt werden.

Viele Grüße  
Tom

---

_[View the full topic](https://forum.shopware.com/t/mobil-2-artikel-nebeneinander/100304)._