Category Data Table Layout

Category Data Table Layout

by Friends of Shopware no ratings yet Source Available 247 Downloads
Current version:



Without Support

Shopware 6: Plugin status
This plugin is not yet planned for Shopware 6
  • Without Support
Plugin details
  • Frosh50343050397f
  • Friends of Shopware
  • 1.0.2
  • 26 Jan 2019
  • de_DE en_GB
  • 5.5.0 – 5.5.10
    5.6.0 – 5.6.7
This plugin for Shopware adds data table to the available product layouts of categories. The... more

Product information

This plugin for Shopware adds data table to the available product layouts of categories. The table columns can be configured through a backend app. You may add and remove columns, edit their labels and contents, either by key of the $sArticles array and/or through a JavaScript return value.
To render and update the tables content the popular jQuery plugin datatables is used.
The plugin comes pre-configured with a few columns. You can use these entries as a reference on how to customize the table to your needs.
You can find a working demo here.


  • Fully configurable table content through the backend app
  • Freely add, remove and rearrange columns
  • Render data table only where neccessary by assigning the custom product layout to appropriate categories
  • Ajax pagination and search
  • Use JavaScript to enhance the output values of $sArticles


The backend app used to customize the table can be found in the "Content" menu. You can add, remove, edit columns and rearrange their order by drag and drop. When editing/creating columns you will find three input fields:
  • Label: Will be displayed in the head of the column. After the first request the label will be stored in a text snippet with the namespace frontend/plugins/frosh/datatablelayout/column and the name being identical to the label. You can use that snippet for translations to other languages.
  • Property: The data source of the column. This would be a key of the $sArticle array, e.g. ordernumber. You can use nested properties by seperating keys by a ., e.g. image.thumbnails.0.sourceSet
  • Render Script: You can optionally provide a JavaScript return statement to alter or enhance the output of the data source. Please note the following exampe.


To display a thumbnail of the article in column:

Property: image.thumbnails.0.sourceSet
Render Script:
return '<img title="' + row.articleName + '" srcset="' + data + '">';
This plugin is part of the Github Organization  FriendsOfShopware .  Maintainer of the plugin is: David Neustadt You can find the Github repository here For questions or bugs please create a Github Issue
Show full description Show less
Read, write and discuss reviews... more

Customer reviews


Version 1.0.2

Support Product-Layout in manufacturer listings

Version 1.0.1

Support Product-Layout in search results

Version 1.0.0

Initial Release in Community Store

About the manufacturer

Friends of Shopware Friends of Shopware 26 Extensions 4.5 Ø Rating
Current version:



Without Support

Recently viewed