{"id":13766071,"url":"https://github.com/FriendsOfShopware/FroshDataTableLayout","last_synced_at":"2025-05-10T21:33:02.615Z","repository":{"id":62507643,"uuid":"166746655","full_name":"FriendsOfShopware/FroshDataTableLayout","owner":"FriendsOfShopware","description":"Adds data table to the available product layouts of categories","archived":true,"fork":false,"pushed_at":"2020-08-23T16:58:00.000Z","size":962,"stargazers_count":8,"open_issues_count":4,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-17T02:33:23.898Z","etag":null,"topics":["ajax","category","datatable","layout","product","shopware","shopware-plugin","table"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FriendsOfShopware.png","metadata":{"files":{"readme":"README.MD","changelog":"CHANGELOG.MD","contributing":null,"funding":null,"license":"LICENSE.MD","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-21T04:09:05.000Z","updated_at":"2023-01-28T13:09:38.000Z","dependencies_parsed_at":"2022-11-02T10:15:47.426Z","dependency_job_id":null,"html_url":"https://github.com/FriendsOfShopware/FroshDataTableLayout","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FriendsOfShopware%2FFroshDataTableLayout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FriendsOfShopware%2FFroshDataTableLayout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FriendsOfShopware%2FFroshDataTableLayout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FriendsOfShopware%2FFroshDataTableLayout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FriendsOfShopware","download_url":"https://codeload.github.com/FriendsOfShopware/FroshDataTableLayout/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253486123,"owners_count":21916132,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ajax","category","datatable","layout","product","shopware","shopware-plugin","table"],"created_at":"2024-08-03T16:00:51.145Z","updated_at":"2025-05-10T21:33:01.931Z","avatar_url":"https://github.com/FriendsOfShopware.png","language":"JavaScript","readme":"# Category Data Table Layout\n\n[![Travis CI](https://travis-ci.org/FriendsOfShopware/FroshDataTableLayout.svg?branch=master)](https://travis-ci.org/FriendsOfShopware/FroshDataTableLayout)\n[![Download @ Community Store](https://img.shields.io/badge/endpoint.svg?url=https://frosh.shyim.de/FroshDataTableLayout)](https://store.shopware.com/en/frosh50343050397f/category-data-table-layout.html)\n\n![FroshDataTableLayout](https://raw.githubusercontent.com/FriendsOfShopware/FroshDataTableLayout/master/Resources/store/images/0.png)\n\nThis plugin for Shopware adds data table to the available product layouts of categories.\nThe table columns can be configured through a backend app. You may add and remove columns,\nedit their labels and contents, either by key of the `$sArticles` array and/or through a JavaScript\nreturn value.\n\nTo render and update the tables content the popular jQuery plugin [datatables](https://datatables.net/) is used. \n\nThe plugin comes pre-configured with a few columns. You can use these entries as a reference\non how to customize the table to your needs.\n\nYou can find a working demo [here](http://shopware.davidneustadt.de/genusswelten/tees-und-zubehoer/).\n\n### Features\n\n* Fully configurable table content through the backend app\n* Freely add, remove and rearrange columns\n* Render data table only where neccessary by assigning the custom product layout to appropriate categories\n* Ajax pagination and search\n* Use JavaScript to enhance the output values of `$sArticles`\n\n## Customize\n\nThe backend app used to customize the table can be found in the \"Content\" menu. You can add, remove,\nedit columns and rearrange their order by drag and drop. When editing/creating columns you will\nfind three input fields:\n\n* __Label__: Will be displayed in the head of the column. After the first request the label will be\nstored in a text snippet with the namespace `frontend/plugins/frosh/datatablelayout/column` and the name being\nidentical to the label. You can use that snippet for translations to other languages.\n* __Property__: The data source of the column. This would be a key of the `$sArticle` array, e.g. `ordernumber`. You can\nuse nested properties by seperating keys by a `.`, e.g. `image.thumbnails.0.sourceSet`\n* __Render Script__: You can optionally provide a JavaScript return statement to alter or enhance\nthe output of the data source. Please note the following exampe.\n\n### Example\n\nTo display a thumbnail of the article in column:\n\n__Property:__ image.thumbnails.0.sourceSet  \n__Render Script:__ \n```JavaScript\nreturn '\u003cimg style=\"margin:0 auto;max-height:30px\" title=\"' + row.articleName + '\" srcset=\"' + (data || '/themes/Frontend/Responsive/frontend/_public/src/img/no-picture.jpg') + '\"\u003e';\n```\n\n## Installation\n\n* Clone this repository into a folder **FroshDataTableLayout** within the **custom/plugins** directory of the Shopware installation.\n* Install the plugin through the Plugin-Manager within the Shopware backend.\n\n### Install with composer\n\n* Change to your root installation of shopware\n* Run command `composer require frosh/data-table-layout` and install and activate plugin with Plugin Manager \n\n## Requirements\n\n* Shopware 5.5.0 or higher\n* PHP 7.0\n","funding_links":[],"categories":["JavaScript","Frontend Plugins"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFriendsOfShopware%2FFroshDataTableLayout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FFriendsOfShopware%2FFroshDataTableLayout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFriendsOfShopware%2FFroshDataTableLayout/lists"}