Magento 2 Product Tabs
0 likes21 views
This document provides instructions for installing and configuring the Product Tabs module for Magento 2. It allows adding unlimited product tabs that can include dynamic content. The module has backend and frontend examples. In the backend, tabs can be managed from the admin grid and customized with details, content, and product assignments. On the frontend, tabs will display on product pages in either a tab or accordion view. Related products can also be shown within tabs.
Magento 2 Product Tabs
- 1. Product Tabs for Magento 2 User Guide Supported Version: 2.0, 2.1, 2.2, 2.3, 2.4 www.mageants.com support@mageants.com 1
- 2. Table Of Contents Preface……………………………………………………...…………………….3 Installation Guide…………………………………..…………….………….....4 Option 1: Magento 2 install extension using COMMAND LINE .....……....…..4 Option 2: Magento 2 install extension manually ………………………………….........5 Back-end Example........….......................................…………………….....6 Front-end Example …...........................................…………………….….12 www.mageants.com support@mageants.com 2
- 3. Preface - This Product Tabs Module is the best tools to show the product information via Product T abs in Magento2. It includes the advanced features to help you customize the product tabs easily. - Product Tabs Module Help You to: I. Add new tabs to Magento2 product pages. II. Add the unlimited number of product tabs. III. Customize Default Product tabs according to your needs. IV. Show product tabs with dynamic content. V. Show the content taken from static blocks, CMS Pages, etc. VI. Show a Related/ Up-sell products in products tab. VII. Set flexible rules for custom tabs. VIII. Change T ab View according to need.(Accordion View / Tab View). www.mageants.com support@mageants.com 3
- 4. Installation: There are two ways of installing extension in magento2. - Using COMMAND LINE. - Manually Install extension. Option 1: Magento 2 install extension using COMMAND LINE (Recommended) Follow below steps to install extension from the command line. Step 1: Download the extension and unzip it. Step 2: Upload it to code directory in your magento installation’s app directory If code directory does not exists then create. Step 3: Disable the cache under System -> Cache Management. Step 4: Enter the following at the command line: php bin/magento setup:upgrade Step 5: Once you complete above steps log out and log in back to the admin panel and switch to Stores -> Configuration -> Mageants → Product Tabs, the module will be displayed in the admin panel. Step 6: On the last step go to admin panel and switch to Catalog -> Tab Management , it will be displaying the admin grid. www.mageants.com support@mageants.com 4
- 5. Option 2: Magento 2 install extension manually Step 1: Download the extension and unzip it. Step 2: Upload it to code directory in your magento installation’s app directory If code directory does not exists then create. Step3: Disable the cache under System->Cache Management Edit app/etc/config.php file and add one line code: ‘Mageants_ProductTabs’ => 1. Step 4: Disable the cache under System -> Cache Management Step 5: Once you complete above steps log out and log in back to the admin panel and switch to Stores -> Configuration -> Mageants → Product Tabs , the module will be displayed in the admin panel. Step 6: On the last step go to admin panel and switch to Catalog -> Tab Management, it will be displaying the admin grid. www.mageants.com support@mageants.com 5
- 6. Back-end Example CONFIGURATION - After Installation of Extension login to magento admin panel for set configuration of the extension. - You can find configuration at Stores -> Configuration -> Mageants -> Product Tabs www.mageants.com support@mageants.com 6
- 7. ADMIN GRID ON BACK-END • Here we show Product Tabs Admin Menu: i. Tab Mangagement ii. Configuration www.mageants.com support@mageants.com 7
- 8. • From this Tab Management Admin Grid can enable/disable the Product Tabs and also can delete the Product Tabs. • Admin Can Add New Product Tabs From Admin Grid. www.mageants.com support@mageants.com 8
- 9. ➔ Admin can add the new Product Tabs or edit from back end as follow. ● Tab Details Form: www.mageants.com support@mageants.com 9
- 10. ● Tab Content: - Add Dynamic Content that will be displayed in the tab due to the WYSIWYG editor. - You may also show Related, Up-Sell Product In ProductTabs. ● Assign To Products: - You Can Set flexible rules for custom tabs www.mageants.com support@mageants.com 10
- 11. ● For Default Tab Customization Only: - This module allowing Editing In Default Tab, if you want Default Contents Write {{default_tab_content}} also you can add dynamic content from WYSIWYG Editor. www.mageants.com support@mageants.com 11
- 12. Front-end Example - The Product Tab will be displayed on the front end when admin has created Product Tabs from back–end • Product Tab Display Tab View: - • Product Tab Display Accordion View: www.mageants.com support@mageants.com 12
- 13. Example: • Show Related Product or Up- Sell Product In Tabs If you choose Yes in Tab Management Form. I) Backend Example for Related Product or Up- Sell Product : - Below Form show we select ‘Yes’ related products/ Up-sell products for Image Gallery Tab. www.mageants.com support@mageants.com 13
- 14. II) ForntEnd Example for Related Product or Up- Sell Product: - Show Related/Up-sell Products In Front As Below For ‘Image Gallery’ www.mageants.com support@mageants.com 14
- 15. Thank you! Should you have any questions or feature suggestions, please contact us at: https://www.mageants.com/contact-us.html Your feedback is absolutely welcome! www.mageants.com support@mageants.com 15