https://github.com/sschreier/SschreierTabProductDetailPage
A shopware 6 extension for tabs for the product detail page, which can be displayed before or after the reviews tab.
https://github.com/sschreier/SschreierTabProductDetailPage
shopware shopware-platform-plugin shopware-plugin shopware6 shopware6-plugin tab tabs
Last synced: about 1 year ago
JSON representation
A shopware 6 extension for tabs for the product detail page, which can be displayed before or after the reviews tab.
- Host: GitHub
- URL: https://github.com/sschreier/SschreierTabProductDetailPage
- Owner: sschreier
- License: gpl-3.0
- Created: 2021-06-15T16:14:35.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2025-04-12T10:46:30.000Z (about 1 year ago)
- Last Synced: 2025-04-12T11:39:04.707Z (about 1 year ago)
- Topics: shopware, shopware-platform-plugin, shopware-plugin, shopware6, shopware6-plugin, tab, tabs
- Language: Twig
- Homepage: https://www.sebastianschreier.de/ein-tab-fuer-die-produkt-detailseite
- Size: 39.1 KB
- Stars: 16
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-shopware6 - Tab for Product Detail Page >6.x
README
# A extension for tabs for the product detail page for Shopware 6
A extension for _tabs for the product detail page_, which can be _displayed before or after the reviews tab_. The _content_ of the tabs _comes_ either _from the rich text editor at the product_ or _from a snippet_. The tabs are also displayed when assigning a product page layout. When you increase the value from the constant _NUMBER_TABS_ in the file _SschreierTabProductDetailPage.php_ in the _src_-directory before the installation, you can add so much tabs as you like.
## Possible Configurations
- select, if the tabs should be shown before the rating tab
- set the number of characters from which the preview text in smaller resolutions should be truncated
- select, if tab 1 should be filled via a snippet
- set the headline of tab 1 via snippet
- select, if the headline of tab 1 use twig compiling
- set the content of tab 1 via snippet
- select, if the content of tab 1 use twig compiling
- select, if tab 2 should be filled via a snippet
- set the headline of tab 2 via snippet
- select, if the headline of tab 2 use twig compiling
- set the content of tab 2 via snippet
- select, if the content of tab 2 use twig compiling
- select, if tab 3 should be filled via a snippet
- set the headline of tab 3 via snippet
- select, if the headline of tab 3 use twig compiling
- set the content of tab 3 via snippet
- select, if the content of tab 3 use twig compiling
- select, if tab 4 should be filled via a snippet
- set the headline of tab 4 via snippet
- select, if the headline of tab 4 use twig compiling
- set the content of tab 4 via snippet
- select, if the content of tab 4 use twig compiling
- select, if tab 5 should be filled via a snippet
- set the headline of tab 5 via snippet
- select, if the headline of tab 5 use twig compiling
- set the content of tab 5 via snippet
- select, if the content of tab 5 use twig compiling
## Available snippets
- tabHeadlineFillViaSnippet
- tab2HeadlineFillViaSnippet
- tab3HeadlineFillViaSnippet
- tab4HeadlineFillViaSnippet
- tab5HeadlineFillViaSnippet
- tabHeadline
- tabContentPreviewMore
- tabContentPreviewText
- tabContentFillViaSnippet
- tab2ContentFillViaSnippet
- tab3ContentFillViaSnippet
- tab4ContentFillViaSnippet
- tab5ContentFillViaSnippet
- tabContent
## How to create a manufacturer tab or something similar
1. Switch to the extension configuration
2. Activate the switch _fill via a snippet_
3. Activate the switch _use twig compiling for the headline_
4. Insert the following content into the field _headline from the snippet_:
```
{{ page.product.manufacturer.translated.name }}
```
5. Activate the switch _use twig compiling for the content_
6. Insert the following content into the field _content from the snippet_:
```
{{ page.product.manufacturer.translated.description }}
```
## How to install the extension
### via zip and console (recommended)
1. Download the latest _SschreierTabProductDetailPage-master.zip_.
2. Unzip the zip file and rename the folder to _SschreierTabProductDetailPage_.
3. Move the folder to the project folder _custom/plugins/_ .
4. Connect to the console via ssh:
```
bin/console plugin:refresh
bin/console plugin:install --activate SschreierTabProductDetailPage
```
### via composer
1. Add the repository URL to the composer.json of the project
```
"repositories": [
...,
{
"type": "vcs",
"url": "https://github.com/sschreier/SschreierTabProductDetailPage"
}
],
```
2. Connect to the console via ssh and install the plugin via the command
```
composer require sschreier/sschreiertabproductdetailpage
bin/console plugin:refresh
bin/console plugin:install --activate SschreierTabProductDetailPage
```
### via https://packagist.org
- Connect to the console via ssh and install the plugin via the command
```
composer require sschreier/sschreiertabproductdetailpage
bin/console plugin:refresh
bin/console plugin:install --activate SschreierTabProductDetailPage
```
### via zip upload
1. Download the latest _SschreierTabProductDetailPage-master.zip_.
2. Unzip the zip file and rename the folder to _SschreierTabProductDetailPage_.
3. Zip the folder to _SschreierTabProductDetailPage.zip_.
4. Upload the zip in the Shopware Administration.
5. Install & Activate the extension.
#### extension update (zip)
1. Download the latest _SschreierTabProductDetailPage-master.zip_.
2. Unzip the zip file and rename the folder to _SschreierTabProductDetailPage_.
3. Zip the folder to _SschreierTabProductDetailPage.zip_.
4. Upload the zip in the Shopware Administration.
5. Update the extension.
## Images
### default description tab
### custom tab headline and content via product custom field
### extension configuration part 1
### extension configuration part 2
### custom tab headline and content in shopware administration
