Magento 2 product tabs extension by Itoris Inc. - PowerPoint PPT Presentation

Loading...

PPT – Magento 2 product tabs extension by Itoris Inc. PowerPoint presentation | free to download - id: 886825-OGEyN



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Magento 2 product tabs extension by Itoris Inc.

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 rs, other blocks, make tabs dynamic using the Product Tabs extension for Magento® 2. – PowerPoint PPT presentation

Number of Views:6

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Magento 2 product tabs extension by Itoris Inc.


1
ITORIS INC. WEB DEVELOPMENT COMPANY
Product Tabs extension for Magento2 User
Guide version 1.0
2
ITORIS INC. WEB DEVELOPMENT COMPANY Contents 1.
Introduction .....................................
..................................................
..................................................
.........3 2. Installation .....................
..................................................
..................................................
...........................3 2.1. System
Requirements .....................................
..................................................
.....................................3 2.2.
Installation......................................
..................................................
..................................................
....3 2.3. License..............................
..................................................
..................................................
..................3 3. How to Use.................
..................................................
..................................................
...............................4 3.1.
Enable/Disable Extension ........................
..................................................
.............................................4 3.2
. Edit Tabs Globally ...........................
..................................................
..................................................
....4 3.2.1. The List of Global
Tabs..............................................
..................................................
.....................4 3.2.2. Add New or Edit
Existing Global Tab ..............................
..................................................
...............5 3.3. Edit Tabs for Certain
Product ..........................................
..................................................
.....................6 3.3.1. The List of
Product Tabs .....................................
..................................................
...........................6 3.3.2. Add New or
Edit Existing Product Tab ........................
..................................................
...................6 3.4. Tabs on Frontend
..................................................
..................................................
...............................7 Appendix A
..................................................
..................................................
..................................................
..8
3
  • ITORIS INC.
  • WEB DEVELOPMENT COMPANY
  • Introduction
  • The document is a User Guide for extension
    Product Tabs created for Magento2 websites. It
    describes the extension functionality and
    provides some tips for a quick start.
  • The purpose of the Product Tabs extension is to
    allow the store administrator editing product
    tabs globally or for each product individually.
    Admin can easily add more custom tabs to
    products, translate them for 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 Magento's widgets. You can
    now design tabs the way you need it.
  • Installation
  • System Requirements
  • The extension requires Magento 2.x

2.2. Installation The extension is provided as a
.zip archive with the source code and the
installation instructions. Unpack the source code
into /app/code/Itoris/Itoris_Producttabsslider/
folder on your server. And run the following
commands in the SSH console php bin/magento
moduleenable --clear-static-content
Itoris_Producttabsslider php bin/magento
setupupgrade Then log into Magento backend and
flush cache in System -gt Cache Management -gt
Flush Magento Cache If you experience any issues
with the extension installation please contact us
here - https//www.itoris.com/contact-us.html
2.3. License The extension has full open source
code. One license/purchase can be used on a
single production 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-licens
e.html
4
  • ITORIS INC.
  • WEB DEVELOPMENT COMPANY
  • How to Use
  • Enable/Disable Extension
  • You can enable or disable the extension
    completely or for certain store views following
  • STORES -gt Settings -gt Configuration -gt ITORIS
    EXTENSIONS -gt Product Tabs
  • Edit Tabs Globally
  • The List of Global Tabs
  • You can manage global tabs for all products
    together. Please go to Products -gt Inventory -gt
    Product Tabs
  • Once the extension has been installed the
    following tabs will be created automatically
  • Details - shows the product description
  • More Information - shows the additional
    attributes enabled on the product view
  • Reviews - shows the list of reviews and the
    review submission form

To view tabs for certain store view please use
the "Store View" dropdown.
5
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. Select tabs and
choose Enable or Disable in the mass actions
dropdown. The temporarily disabled tabs will not
be shown on fron end. Delete tabs. Use the
"Delete" link in the Action column to remove a
certain tab only. Or select tabs in the list and
choose "Delete" in the mass actions
dropdown. Edit tab. Click the "Edit" link to
edit tab. 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 existing
tab.
The form has the following fields Label -
required input box. Enter the tab title that will
be visible on frontend Status - dropdown. Choose
either to enable or temporarily disable the tab.
Disabled tab will not be shown on
frontend. Content - WYSIWYG. Click the
"Show/Hide Editor" button to show or hide the
visual editor. If disabled you can edit the
content as HTML. Customer Groups - multiple list
box. Select which customer groups the tab will be
visible to.
6
  • ITORIS INC.
  • WEB DEVELOPMENT COMPANY
  • Edit Tabs for Certain Product
  • 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 the product
    details on tab "Product Tabs" following
  • PRODUCTS -gt Inventory -gt Catalog -gt some
    product -gt Product Tabs

Tabs can be reordered from this list. Click Edit
if you want to customize the tab. Or click "Add
tab" if you want to add a new tab specifically
for this product. You can't delete global tabs
from this view, but custom tabs created for the
product. However, it is still 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 edit existing
tab or button "Add tab" to create a new tab. The
form consists of the following fields Label -
required input box. Set the title of the tab on
frontend. Status - dropdown - Enabled/Disabled.
Choose either the tab should be visible or
invisible on frontend. Content - WYSIWYG. Edit
the content of the tab here. Use the WYSIWYG to
design and style the tab. You 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.
7
ITORIS INC. WEB DEVELOPMENT COMPANY
3.4. Tabs on Frontend The extension doesn't
modify the look of tabs on the frontend. The
tabs' CSS should be delivered by your frontend
theme. The extension allows editing the title,
content and the visibility of tabs only.
8
ITORIS INC. WEB DEVELOPMENT COMPANY Appendix
A The List of Default Global Tabs Created by the
Extension Tab "Details" block
class"Itoris\Producttabsslider\Block\Frontend\Des
cription" template"Itoris_Producttabssliderpro
duct/view/attribute.phtml
Tab "More Information" block class"Magento\Cata
log\Block\Product\View\Attributes"template"Magent
o_Catalogproduct/view/attributes.phtml"
Tab "Reviews" block class"Itoris\Producttabssli
der\Block\Frontend\Review" template"Itoris_Produc
ttabssliderproduct/review.phtml"
About PowerShow.com