Magento 2 Product Tabs Extension By ITORIS INC

Views:
 
     
 

Presentation Description

Edit your custom product tabs the way you need it! Add new tabs or edit existing ones globally or per product using WYSIWYG. Insert widgets, product sliders, other blocks, make tabs dynamic using the Product Tabs extension for Magento® 2. More on Magento 2 Product Tabs Extension: https://www.itoris.com/magento-2-product-tabs.html Other Magento 2 Extensions: https://www.itoris.com/magento-2-extensions

Comments

Presentation Transcript

slide 1:

Website: http://www.itoris.com Email: salesitoris.com ITORIS INC. WEB DEVELOPMENT COMPANY extension http://www.itoris.com salesitoris.com WEB DEVELOPMENT COMPANY Product Tabs extension for Magento2 User Guide version 1.0 Product Tabs for Magento2 User Guide version 1.0 Page | 1 for Magento2

slide 2:

Website: http://www.itoris.com Email: salesitoris.com ITORIS INC. WEB DEVELOPMENT COMPANY Contents 1. Introduction ................................ 2. Installation ................................ 2.1. System Requirements 2.2. Installation 2.3. License ................................ 3. How to Use ................................ 3.1. Enable/Disable Extension 3.2. Edit Tabs Globally 3.2.1. The List of Global Tabs 3.2.2. Add New or Edit Existing Global Tab 3.3. Edit Tabs for Certain Product 3.3.1. The List of Product Tabs 3.3.2. Add New or Edit E 3.4. Tabs on Frontend Appendix A ................................ http://www.itoris.com salesitoris.com WEB DEVELOPMENT COMPANY ................................................................ ................................................................ Requirements ................................................................ 2.2. Installation................................................................ ................................................................ ................................................................ 3.1. Enable/Disable Extension ................................ 3.2. Edit Tabs Globally ................................................................ 3.2.1. The List of Global Tabs ................................ 2.2. Add New or Edit Existing Global Tab ................................ 3.3. Edit Tabs for Certain Product ................................ 3.3.1. The List of Product Tabs ................................ 3.3.2. Add New or Edit Existing Product Tab ................................ 3.4. Tabs on Frontend ................................................................ ................................................................................................ ................................................................................................ ................................................................................................ ................................................................ ................................................................................................ ................................................................................................ ................................................................................................ ................................................................................................ ................................................................................................ ................................................................................................ ............................................................................................... ................................................................................................ ................................................................................................ ................................................................ ................................................................................................ ................................................................ Page | 2 .................................................. 3 .................................................... 3 ............................................................ 3 .............................................. 3 .................................................... 3 .................................................... 4 ....................................................... 4 ................................... 4 ..................................................... 4 ............................... 5 ................................................. 6 .................................................. 6 ............................................................. 6 ................................... 7 ........................................................ 8

slide 3:

Website: http://www.itoris.com Email: salesitoris.com ITORIS INC. WEB DEVELOPMENT COMPANY 1. Introduction The document is a User Guide extension functionality and provides some The purpose of the or for each product individually. different store views reorder tabs or make tabs visible for certain customer groups. The extension allows editing tabs using WY tabs via Magentos widgets. 2. Installation 2.1. System Requirements The extension requires Magento 2.x 2.2. Installation The extension is provide Unpack the source code into following commands in the SSH console: php bin/magento module:enable php bin/magento setup:upgrade Then log into Magento backend and flush cache in If you experience any issues with the extension installation please contact us here https://www.itoris.com/contact 2.3. License The extension has Magento2 website and its development instances. needs. Redistribution of the extension or its parts is not allowed. Please read more details here https://www.itoris.com/magento http://www.itoris.com salesitoris.com WEB DEVELOPMENT COMPANY Introduction The document is a User Guide for extension Product Tabs extension functionality and provides some tips for a quick start. The purpose of the Product Tabs extension is to allow the store administrator or for each product individually. Admin can easily add more custom tabs to products translate different store views reorder tabs or make tabs visible for certain customer groups. The extension allows editing tabs using WYSIWYG. Add links images tables and even product sliders into tabs via Magentos widgets. You can now design tabs the way you need it. Installation System Requirements xtension requires Magento 2.x Installation The extension is provided as a .zip archive with the source code and the installation instruction Unpack the source code into /app/code/Itoris/Itoris_Producttabsslider following commands in the SSH console: php bin/magento module:enable --clear-static php bin/magento setup:upgrade Then log into Magento backend and flush cache in System If you experience any issues with the extension installation please contact us here https://www.itoris.com/contact-us.html The extension has full open source code. One license/purchase can be used on a single Magento2 website and its development instances. The extension can be customized for the license owner needs. Redistribution of the extension or its parts is not allowed. Please read more details here https://www.itoris.com/magento-extensions-license.html Product Tabs created for Magento2 websites. It for a quick start. allow the store administrator editing product tabs globally Admin can easily add more custom tabs to products translate different store views reorder tabs or make tabs visible for certain customer groups. SIWYG. Add links images tables and even product sliders into tabs the way you need it. d as a .zip archive with the source code and the installation instruction Itoris_Producttabsslider/ folder on your server. And run static-content Itoris_Producttabsslider System - Cache Management - Flush Magento Cache If you experience any issues with the extension installation please contact us here - One license/purchase can be used on a single production The extension can be customized for the license owner needs. Redistribution of the extension or its parts is not allowed. Please read more details here license.html Page | 3 created for Magento2 websites. It describes the product tabs globally Admin can easily add more custom tabs to products translate them for SIWYG. Add links images tables and even product sliders into d as a .zip archive with the source code and the installation instructions. folder on your server. And run the Itoris_Producttabsslider Flush Magento Cache production The extension can be customized for the license owner needs. Redistribution of the extension or its parts is not allowed. Please read more details here -

slide 4:

Website: http://www.itoris.com Email: salesitoris.com ITORIS INC. WEB DEVELOPMENT COMPANY 3. How to Use 3.1. Enable/Disable Extension You can enable or disable the extension STORES - Settings 3.2. Edit Tabs Globally 3.2.1. The List of Global Tabs You can manage global tabs for all products together. Please go to Once the extension has been installed  Details -  More Information  Reviews To view tabs for certain store view please use the "Store View" dropdown. http://www.itoris.com salesitoris.com WEB DEVELOPMENT COMPANY How to Use 3.1. Enable/Disable Extension You can enable or disable the extension completely or for certain store views Settings - Configuration - ITORIS EXTENSIONS 3.2. Edit Tabs Globally 3.2.1. The List of Global Tabs You can manage global tabs for all products together. Please go to ion has been installed the following tabs shows the product description More Information - shows the additional attributes enabled Reviews - shows the list of reviews and the review submission form To view tabs for certain store view please use the "Store View" dropdown. completely or for certain store views following: ITORIS EXTENSIONS - Product Tabs You can manage global tabs for all products together. Please go to Products - Inventory the following tabs will be created automatically: additional attributes enabled on the product view shows the list of reviews and the review submission form To view tabs for certain store view please use the "Store View" dropdown. Page | 4 Inventory - Product Tabs the product view

slide 5:

Website: http://www.itoris.com Email: salesitoris.com ITORIS INC. WEB DEVELOPMENT COMPANY The following actions are available from the list: Reorder tabs using arrows in the Order column. Enable or disable tabs temporarily disabled tabs will not be shown on frontend. Delete tabs. Use the "Delete" link in the Action column to remove list and choose "Delete" in the mass actions dropdown. Edit tab. Click the "Edit" link to edit Add New Tab. Click the button to create a new custom tab. 3.2.2. Add New or Edit Existing Global Tab Click "Add New Tab" to create a new tab or click "Edit" link to edit The form has the following fields: Label - required input box. Enter the tab title Status - dropdown. Choose either on frontend. Content - WYSIWYG. Click the "Show/Hide Editor" button to show or hide the visual editor. can edit the content as HTML. Customer Groups http://www.itoris.com salesitoris.com WEB DEVELOPMENT COMPANY The following actions are available from the list: using arrows in the Order column. Enable or disable tabs. Select tabs and choose Enable or Disable in the mass actions dropdown. emporarily disabled tabs will not be shown on frontend. . Use the "Delete" link in the Action column to remove "Delete" in the mass actions dropdown. . Click the "Edit" link to edit tab. . Click the button to create a new custom tab. 3.2.2. Add New or Edit Existing Global Tab Click "Add New Tab" to create a new tab or click "Edit" link to edit The form has the following fields: required input box. Enter the tab title that will be dropdown. Choose either to enable or temporarily disable the tab WYSIWYG. Click the "Show/Hide Editor" button to show or hide the visual editor. edit the content as HTML. Customer Groups - multiple list box. Select which customer groups the tab will be visible to. . Select tabs and choose Enable or Disable in the mass actions dropdown. emporarily disabled tabs will not be shown on frontend. . Use the "Delete" link in the Action column to remove a certain tab only. Or select tabs "Delete" in the mass actions dropdown. . Click the button to create a new custom tab. Click "Add New Tab" to create a new tab or click "Edit" link to edit existing tab. that will be visible on frontend enable or temporarily disable the tab. Disabled tab will not be shown WYSIWYG. Click the "Show/Hide Editor" button to show or hide the visual editor. customer groups the tab will be visible to. Page | 5 . Select tabs and choose Enable or Disable in the mass actions dropdown. The tab only. Or select tabs in the . Disabled tab will not be shown WYSIWYG. Click the "Show/Hide Editor" button to show or hide the visual editor. If disabled you customer groups the tab will be visible to.

slide 6:

Website: http://www.itoris.com Email: salesitoris.com ITORIS INC. WEB DEVELOPMENT COMPANY 3.3. Edit Tabs for Certain Prod 3.3.1. The List of Product Tabs By default all products inherit the global tabs. However you can override the global tabs for specific product when needed. Open PRODUCTS - Inventory Tabs can be reordered from this list. Click Edit if you want to add a new tab specifically for this product. You cant delete global tabs from this view possible to disable global tabs making them invisible on the frontend. 3.3.2. Add New or Edit Existing Product Tab Click link "Edit" to e The form consists of the following fields: Label - required input box. Set the title of the tab on frontend. Status - dropdown Content - WYSIWYG. Edit the content of the tab here. Use can insert images tables "Show/Hide Editor" to hide the editor and edit the content as HTML. Customer Groups http://www.itoris.com salesitoris.com WEB DEVELOPMENT COMPANY 3.3. Edit Tabs for Certain Product 3.3.1. The List of Product Tabs By default all products inherit the global tabs. However you can override the global tabs for specific product . Open the product details on tab "Product Inventory - Catalog - some product Tabs can be reordered from this list. Click Edit if you to add a new tab specifically for this product. You cant delete global tabs from this view but custom tabs disable global tabs making them invisible on the frontend. 3.3.2. Add New or Edit Existing Product Tab Click link "Edit" to edit existing tab or button "Add tab" to create a new tab. sts of the following fields: required input box. Set the title of the tab on frontend. dropdown - Enabled/Disabled. Choose either the tab should be visible WYSIWYG. Edit the content of the tab here. Use can insert images tables videos etc. even dynamic widgets and other blocks into the tab. Click button "Show/Hide Editor" to hide the editor and edit the content as HTML. Customer Groups - dropdown. Select which customer will see the tab. "All Groups" is selected by default. By default all products inherit the global tabs. However you can override the global tabs for specific product Product Tabs" following: some product - Product Tabs Tabs can be reordered from this list. Click Edit if you want to customize the tab. Or click "Add tab" if you custom tabs created for the product. However disable global tabs making them invisible on the frontend. it existing tab or button "Add tab" to create a new tab. required input box. Set the title of the tab on frontend. Enabled/Disabled. Choose either the tab should be visible or invisible WYSIWYG. Edit the content of the tab here. Use the WYSIWYG to design and style the tab. You etc. even dynamic widgets and other blocks into the tab. Click button "Show/Hide Editor" to hide the editor and edit the content as HTML. hich customer will see the tab. "All Groups" is selected by default. Page | 6 By default all products inherit the global tabs. However you can override the global tabs for specific product to customize the tab. Or click "Add tab" if you created for the product. However it is still or invisible on frontend. the WYSIWYG to design and style the tab. You etc. even dynamic widgets and other blocks into the tab. Click button hich customer will see the tab. "All Groups" is selected by default.

slide 7:

Website: http://www.itoris.com Email: salesitoris.com ITORIS INC. WEB DEVELOPMENT COMPANY 3.4. Tabs on Fron The extension doesnt modify the look of tabs on the frontend. The tabs frontend theme. The extension http://www.itoris.com salesitoris.com WEB DEVELOPMENT COMPANY 3.4. Tabs on Frontend The extension doesnt modify the look of tabs on the frontend. The tabs frontend theme. The extension allows editing the title The extension doesnt modify the look of tabs on the frontend. The tabs CSS should be delivered by your the title content and the visibility of tabs Page | 7 CSS should be delivered by your only.

slide 8:

Website: http://www.itoris.com Email: salesitoris.com ITORIS INC. WEB DEVELOPMENT COMPANY Appendix A The List of Default Global Tabs Created by the Extension Tab "Details" block class"Itoris\ template"Itoris_Producttabsslider::product/view/attribute.phtml Tab "More Information" block class"Magento Tab "Reviews" block class"Itoris\ http://www.itoris.com salesitoris.com WEB DEVELOPMENT COMPANY Appendix A Default Global Tabs Created by the Extension \Producttabsslider\Block\Frontend\Description" template"Itoris_Producttabsslider::product/view/attribute.phtml Tab "More Information" block class"Magento\Catalog\Block\Product\View\Attributes"template"Magento_Catalog::product/view/attributes.phtml" \Producttabsslider\Block\Frontend\Review" template"Itoris_Producttabsslider::product/review.phtml" Default Global Tabs Created by the Extension: Description" template"Itoris_Producttabsslider::product/view/attribute.phtml Attributes"template"Magento_Catalog::product/view/attributes.phtml" Review" template"Itoris_Producttabsslider::product/review.phtml" Page | 8 Attributes"template"Magento_Catalog::product/view/attributes.phtml" Review" template"Itoris_Producttabsslider::product/review.phtml"

authorStream Live Help