Custom Field Tab Manager (HTML/PDF/Video)
Description
Highlights
- Shopware Cloud App
- App to display product custom fields as tabs
- Official successor of the "Gold" awarded plugin "Attribute Tab Manager"
- Supported tab types: HTML, PDFs and Videos (YouTube and Vimeo)
- Mobile support (Responsive)
Features
- App to display of up to 10 tabs from custom fields
- Tab title (name of the tab) and tab headline (title of the tab container) can be defined per tab (as snippets)
- different types per tab: HTML, PDF (Medium), Video (YouTube) and Video (Vimeo) (more explanations in the plugin description)
- DSGVO compliant embedding of YouTube videos possible ("No Cookie"), player controls (controls) can be deactivated optionally
- Configurations per sales channel definable
- Exclusive use only of Bootstrap (frontend framework used by Shopware) CSS standard classes (high compatibility to all devices!)
- Mobile support (Responsive) as Offcanvas Menus
About the Extension
Official cloud successor
Shopware Cloud App successor of the awarded Shopware 5 and Shopware 6 plugin
General
Cloud App for displaying product custom fields as tabs (HTML/Text, PDF, YouTube/Vimeo). Freely definable configurations for individual settings allow you to quickly and easily create individual tabs for each product. Expand your product detail pages with specific and individual data in order to provide your customers with additional product information in a clear and visually appealing way.
App Configurations
General
Active
The "Active" setting can be used to quickly and easily activate or deactivate the entire plugin functionality per sales channel. Deactivated there is no output of tabs. Please make sure to set this setting during installation.
Hide product names
Within the tab containers, the heading is normally structured as "Headline 'Product name'". If you do not want to display the product name after the heading, you can deactivate it with this setting.
YouTube Settings
The output of YouTube videos has specific settings that affect the output of all YouTube videos.
Advanced privacy mode
In order to embed DSGVO compliant videos, YouTube provides the function "No Cookie". Here the video is embedded without cookies via a specific URL. With this setting you determine whether videos should be integrated without cookies or not.
Show controls
You can use these settings to globally activate or deactivate Player Controls.
Tab configurations (1-10)
Each tab has its own configuration options. In the following these are explained in more detail for a successful setup.
Active
The "Active" setting activates or deactivates a specific tab. If this tab is deactivated, it will not be edited and given to the storefront.
Title
Tab title is configurable as a snippet: millCloudCustomFieldTabs.tab1.title (tab1-tab10)
Headline
(Optional) tab headline is configurable as a snippet: millCloudCustomFieldTabs.tab1.headline (tab1-tab10)
Content type
The data from your custom fields can be interpreted and output in different ways. There is a specific "content type" for each supported type. Always make sure to set the correct "content type" for each tab in order to ensure a valid output in the shop.
HTML
The content type "HTML" directly displays the content from the custom field. Custom fields of the type "Text Editor" (HTML Editor) are recommended.
PDF (Medium)
The PDF document specified in the custom field is output as a tab via the content type "PDF (Medium)". Create a product custom field of type "Medium" and link it to this tab configuration. Note that with this setting, only one PDF will be output in the tab. The advantage is the simple specification: Within the product, simply add a "medium" by selecting a PDF from the media management.
Video (YouTube)
The content type "Video (YouTube)" allows you to display any number of YouTube per tab in your products. A custom field of the type "Text field" is recommended here. To output videos, a list of YouTube video IDs is sufficient in the custom field. Multiple IDs are separated by commas. Example: The YouTube video ID of the URL https://www.youtube.com/watch?v=fJ7klzu_CJQ is fJ7klzu_CJQ. Multiple videos could be specified as: "fJ7klzu_CJQ, KAIw9I6D5Y4". In the plugin settings there are two more settings to globally control the output ("No Cookie") as well as the display of controls.
Video (Vimeo)
Similar to YouTube videos, you can output multiple videos. Just list as many Vimeo video IDs as you like (separated by commas). The Vimeo Video IDs can be found in the Video URL. Example: The ID of the URL https://vimeo.com/170541389 is 170541389. The actual output is completely controlled by the plugin.
Custom field
For each tab, you must use this setting to specify the data source (custom field) from which the tab data is to be obtained. When mapping, make sure that you only select from product custom fields. Custom fields from other data types (media, customers, ...) are not taken into account within the tabs and can be
Official cloud successor
Shopware Cloud App successor of the awarded Shopware 5 and Shopware 6 plugin
General
Cloud App for displaying product custom fields as tabs (HTML/Text, PDF, YouTube/Vimeo). Freely definable configurations for individual settings allow you to quickly and easily create individual tabs for each product. Expand your product detail pages with specific and individual data in order to provide your customers with additional product information in a clear and visually appealing way.
App Configurations
General
Active
The "Active" setting can be used to quickly and easily activate or deactivate the entire plugin functionality per sales channel. Deactivated there is no output of tabs. Please make sure to set this setting during installation.
Hide product names
Within the tab containers, the heading is normally structured as "Headline 'Product name'". If you do not want to display the product name after the heading, you can deactivate it with this setting.
YouTube Settings
The output of YouTube videos has specific settings that affect the output of all YouTube videos.
Advanced privacy mode
In order to embed DSGVO compliant videos, YouTube provides the function "No Cookie". Here the video is embedded without cookies via a specific URL. With this setting you determine whether videos should be integrated without cookies or not.
Show controls
You can use these settings to globally activate or deactivate Player Controls.
Tab configurations (1-10)
Each tab has its own configuration options. In the following these are explained in more detail for a successful setup.
Active
The "Active" setting activates or deactivates a specific tab. If this tab is deactivated, it will not be edited and given to the storefront.
Title
Tab title is configurable as a snippet: millCloudCustomFieldTabs.tab1.title (tab1-tab10)
Headline
(Optional) tab headline is configurable as a snippet: millCloudCustomFieldTabs.tab1.headline (tab1-tab10)
Content type
The data from your custom fields can be interpreted and output in different ways. There is a specific "content type" for each supported type. Always make sure to set the correct "content type" for each tab in order to ensure a valid output in the shop.
HTML
The content type "HTML" directly displays the content from the custom field. Custom fields of the type "Text Editor" (HTML Editor) are recommended.
PDF (Medium)
The PDF document specified in the custom field is output as a tab via the content type "PDF (Medium)". Create a product custom field of type "Medium" and link it to this tab configuration. Note that with this setting, only one PDF will be output in the tab. The advantage is the simple specification: Within the product, simply add a "medium" by selecting a PDF from the media management.
Video (YouTube)
The content type "Video (YouTube)" allows you to display any number of YouTube per tab in your products. A custom field of the type "Text field" is recommended here. To output videos, a list of YouTube video IDs is sufficient in the custom field. Multiple IDs are separated by commas. Example: The YouTube video ID of the URL https://www.youtube.com/watch?v=fJ7klzu_CJQ is fJ7klzu_CJQ. Multiple videos could be specified as: "fJ7klzu_CJQ, KAIw9I6D5Y4". In the plugin settings there are two more settings to globally control the output ("No Cookie") as well as the display of controls.
Video (Vimeo)
Similar to YouTube videos, you can output multiple videos. Just list as many Vimeo video IDs as you like (separated by commas). The Vimeo Video IDs can be found in the Video URL. Example: The ID of the URL https://vimeo.com/170541389 is 170541389. The actual output is completely controlled by the plugin.
Custom field
For each tab, you must use this setting to specify the data source (custom field) from which the tab data is to be obtained. When mapping, make sure that you only select from product custom fields. Custom fields from other data types (media, customers, ...) are not taken into account within the tabs and can be
Details
- Available: English, German
- Latest update: 11 November 2024
- Publication date: 14 March 2023
- Version: 1.2.0
- Category: Detail Page
Resources
Reviews (2)
Average rating of 5 out of 5 stars
Sagenhafter Support!
Average rating of 5 out of 5 stars
Auf die Supportanfrage war das Problem binnen einer Stunde erledigt.? ?
Schneller Support!
Average rating of 5 out of 5 stars
Top!
About the Extension Partner
MILLENWORLD
Partner Status
-
Shopware
Extension Partner
Details
-
Ø-Rating:
5
Average rating of 5 out of 5 stars
- Partner since: 2024
- Extensions: 47
Support
- Based in: Germany
- Speaks: German, English
- Response time: Very quickly
Preparations
App
Install and activate the app.
General Configurations
Set the app configuration "Active" to active and then save the configuration.
Custom fields
Create additional field set
Custom fields are grouped into a set in Shopware. You should therefore first create a set under Settings > System > Custom fields. The name can be freely chosen here, e.g. "Custom field tabs" (technical name "custom_field_tabs"). It is also important to specify a product relation. Otherwise you cannot maintain the desired data in your products. Then navigate to the set you have just created.
Which tabs are required?
Think about which tab types you would like to display on your product pages in general. Here you can choose from the content types HTML (Text), PDF (Medium), Video (YouTube) and Video (Vimeo). The exact descriptions of the individual content types can be found in the plugin description.
Data Types
Certain data types are recommended for each content type
HTML = Text Editor
YouTube = Text field
Vimeo = Text field
PDF (Medium) = Medium
PDF (name) = text field
Settings
Each custom field needs individual "technical names". It is advisable to provide useful information, e.g. "custom_field_tab_youtube" for a custom field for YouTube videos. According to this principle, you create all required custom fields.
App Configurations
After you have successfully defined and created all custom product fields, you can navigate back to the plugin configurations. Configure each tab Configuration according to your wishes:
Active
This switch basically activates the tab.
Title
Located in the snippets section (https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) as millCloudCustomFieldTabs.tab1.title ("tab1" to "tab10")
Headline
Located in the snippets section (https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) as millCloudCustomFieldTabs.tab1.headline ("tab1" to "tab10")
You can use an optional headline to give the tab container a different heading. If you do not maintain this field, the Title tab is used as a replacement.
Content type
Select the appropriate content type for each tab, depending on what you want to display in the respective tab.
Custom field
In this reference, you select which custom field is to be used as the data source. Make sure that the link to the relevant tab is correct.
Finished installation
Save the app configurations. Then you can give your products individual data. To do this, simply navigate to the respective products and select the desired set (e.g. "Custom field tabs") under "custom fields" at the bottom of the page area and add useful data in the specific custom fields. How these data look like is described in detail in the plugin.
1.2.0
- Shopware 6.6.1 support
- moved scripts to main file due to shopwore changes
1.1.0
- Shopware 6.6 support
- Release to support the new Shopware version
1.0.3
- Shopware 6.5 Twig Fix
- Block Typo fix to secure storefront output in all cases
1.0.2
- new app config "PDF URL"
- manual: Create a custom field, type "textfield", set the tab type (app configuration) to "PDF URL" and also map new created custom field
- with this new type, you can embed external PDF documents
1.0.1
- Shopware 6.5 update
- PHP 8.1
- updated Bootstrap 5 components
- updated customField translated key
1.0.0
- Shopware Cloud App release