# Possible to show products in a list?

**URL:** <https://forum.shopware.com/t/possible-to-show-products-in-a-list/63955>\
**Category:** Themes & Design (EN)\
**Created:** [12. Januar 2020 um 14:57 UTC](https://forum.shopware.com/t/possible-to-show-products-in-a-list/63955 "2020-01-12T14:57:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sasclan](https://avatars.discourse-cdn.com/v4/letter/s/47e85d/32.png) [@sasclan](https://forum.shopware.com/u/sasclan)\
**Post date:** [12. Januar 2020 um 14:57 UTC](https://forum.shopware.com/t/possible-to-show-products-in-a-list/63955/1 "2020-01-12T14:57:33Z")

</div>

Hello,

I want to show my products only in a listview with small images.&nbsp;

Is there a possibility to reach this option via standart settings?

---

<div class="post-metadata">

**Author:** ![sasclan](https://avatars.discourse-cdn.com/v4/letter/s/47e85d/32.png) [@sasclan](https://forum.shopware.com/u/sasclan)\
**Post date:** [12. Januar 2020 um 14:59 UTC](https://forum.shopware.com/t/possible-to-show-products-in-a-list/63955/2 "2020-01-12T14:59:55Z")

</div>

A very good standart view is whrer I can edit my shopping cart.

---

<div class="post-metadata">

**Author:** ![timbrns](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/timbrns/32/19740_2.png) [@timbrns](https://forum.shopware.com/u/timbrns)\
**Post date:** [17. Februar 2020 um 13:33 UTC](https://forum.shopware.com/t/possible-to-show-products-in-a-list/63955/3 "2020-02-17T13:33:40Z")

</div>

Hi,

you can change the behaviour on how products are listed in shopware for each shopping experience individually in the element of your listing.  
Just navigate to "shopping experiences -\> search for your category listing -\> click on the element to configure it (upper right side of the element) and choose the layout type.&nbsp;  
In standard there are three types: Standard, Big image, Minimal content.  
If you want to have more, you would need to add the layout types to the shopping experiences template e.g. within a plugin

Kind regards,  
Tim&nbsp;

---

<div class="post-metadata">

**Author:** ![rjanits](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@rjanits](https://forum.shopware.com/u/rjanits)\
**Post date:** [19. November 2022 um 15:14 UTC](https://forum.shopware.com/t/possible-to-show-products-in-a-list/63955/4 "2022-11-19T15:14:15Z")

</div>

Hello @sasclan .

As @timbrns said you have to extend the config files of the specific cms elements.  
I also needed a list view for the category listing and I can give you, and for anyone looking for the same problem, a quick example of how you can achieve that.

* * *

First you have to extend the twig view of the „product-listing“ elements config:

**yourPlugin/src/Resources/app/administration/src/module/sw-cms/elements/product-listing/config/sw-cms-el-config-product-listing.html.twig**

```auto
{% block sw_cms_element_product_listing_config_layout_select_options %}
    {% parent %}
    <option value="list">
        {{ $tc('sw-cms.elements.productBox.config.label.layoutTypeList') }}
    </option>
{% endblock %}

```

* * *

After that you need to overwrite die JS Component of the elements config.

**yourPlugin/src/Resources/app/administration/src/module/sw-cms/product-listing/image/index.js**

```auto
import template from './config/sw-cms-el-config-product-listing.html.twig'
const { Component } = Shopware;

Component.override('sw-cms-el-config-product-listing', {
    template
});

```

* * *

For your changes to be applied you need to rebuild the administration with following console command.

```auto
./bin/build-administration.sh

```

 ![Bildschirmfoto 2022-11-19 um 16.13.49](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/7/f/7fdd3a93f0c03c03770451cd15973f37bc93dd8e.jpeg)

To achieve visible changes you only need to customize the storefront views and create your own listing.

Best regards  
Reinhard