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
T a b l e O
f
C
o n te
n ts

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
Preface
- This Product Tabs Module is the best tools to show the product
information via Product Tabs 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 Tab View according to need.(Accordion View / Tab View).

www.mageants.com support@mageants.com 3
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
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
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
ADMIN GRID ON BACK-END
• Here we show Product Tabs Admin Menu:
i. Tab Mangagement
ii. Configuration
www.mageants.com support@mageants.com 7
• 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.
➔ Admin can add the new Product Tabs or edit from back end as follow.
● Tab Details Form:
www.mageants.com support@mageants.com 8
● Tab Content:
- Add Dynamic Content that will be displayed in the tab due to the WYSIWYG editor.
www.mageants.com support@mageants.com 9
- You may also show Related, Up-Sell Product In ProductTabs.
● Assign To Products:
- You Can Set flexible rules for custom tabs
● 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
www.mageants.com support@mageants.com 10
content from WYSIWYG Editor.
Front-end Example
- The Product Tab will be displayed on the front end when admin has created Product Tabs
from back–end
www.mageants.com support@mageants.com 11
• Product Tab Display Tab View:
-
• Product Tab Display Accordion View:
Example:
• Show Related Product or Up- Sell Product In Tabs If you choose Yes in Tab
Management Form.
www.mageants.com support@mageants.com 12
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.
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 13
Thank you!
Should you have any questions or feature suggestions, please contact us at:
https://www.mageants.com/contact-us.html
www.mageants.com support@mageants.com 14
Your feedback is absolutely welcome!
www.mageants.com support@mageants.com 15