1 / 7

Magento 2 Product Tabs

In such a scenario, classifying the product information and showing them into tabs can help. Meetanshi has developed Magento 2 Product Tabs Extension to allow the store owners create unlimited number of tabs on the product page to classify the product description content and represent it in a better way.<br>

Meetanshi
Download Presentation

Magento 2 Product Tabs

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Product Tabs for Magento 2 User Guide Table of Content 1.Extension Installation Guide 2.Configuration 3.Manage Product Tabs 4.Product Tabs in Frontend Product Tabs for Magento 2 © Meetanshi

  2. 1.Extension Installation •For Magento Marketplace Customers oFind the Composer name and version of the extension in the extension’s composer.json file. oLogin to your SSH and run: ▪composer require meetanshi/magento-2-product-tab oEnter your authentication keys.Your public key is your username; your private key is your password. oWait for Composer to finish updating your project dependencies and make sure there aren’t any errors. oTo verify that the extension installed properly, run the command: ▪php bin/magento module:status Meetanshi_ProductTab oBy default, the extension is probably disabled. oEnable the extension and clear static view files: ▪php bin/magento module:enable Meetanshi_ProductTab --clear-static-content ▪php bin/magento setup:upgrade ▪For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy ▪For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f ▪php bin/magento cache:flush •For Meetanshi Customers oExtract the zip folder and upload our extension to the root of your Magento 2 directory via FTP. oLogin to your SSH and run below commands step by step: ▪php bin/magento setup:upgrade ▪For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy ▪For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f ▪php bin/magento cache:flush 2.Configuration To configure the extension, login to Magento 2, move to Stores → → → Product Tabs where you can find setting to configure the extension. •Product Tabs: Enable or disable the extension from here. •Hide Default Product Tabs: Select YES to hide default Magento product tabs. •Enable Product Recommendation Blocks: Select YES to enable related, cross-sell and up- sell product recommendation blocks. → Configuration → → Meetanshi Product Tabs for Magento 2 © Meetanshi

  3. 3.Manage Product Tabs After enabling the extension, move to Catalog > Product Tabs > Manage Product Tabs where you can see already created and saved product tabs enlisted. •Add New Product Tab Click “Add New Product Tab” button to add new custom product tab on the product page. oGeneral Settings: ▪Active: Select YES to activate the product tab on the product page in frontend. ▪Title: Enter title of the product tab to show on the product page. ▪Content: Enter the content to show under the product tab. Note: If you have hidden the default product tabs and still want to use its content in the custom product tab, simply add the short code to the WYSIWYG editor: •“Details” tab: {{block class="Magento\Catalog\Block\Product\View\Description" at_call="getDescription" at_code=" description" css_class="description" at_label="none" name="product.info.description" template="Magento_Catalog::product/view/attribute.phtml" }} •“Information” tab: {{block class="Magento\Catalog\Block\Product\View\Attributes" template="Magento_Catalog::product/view/attributes.phtml"}} •“Reviews” tab: {{block class="Magento\Review\Block\Product\Review" name="reviews.tab" as="reviews" template="Magento_Review::review.phtml" group="detailed_info"}} {{block class="Magento\Review\Block\Form" name="product.review.form" as="review_form"}} ▪Customer Groups: Select the customer groups to which you want to show the product tab. ▪Store Views: Select the store views to which you want to show the product tab. ▪Position: Enter the position in which you want to arrange the product tab in the product page. ▪Visible Only to Customers Who Purchased “Assigned Products”: Select YES to show the product tab only to the customers who purchased the product. Product Tabs for Magento 2 © Meetanshi

  4. oRelated, Up-Sell, Cross-Sell Display Settings: ▪Show Related Product Block: Select YES to show related product recommendation block under the product tab. ▪Show Up-Sell Product Block: Select YES to show up-sell product recommendation block under the product tab. ▪Show Cross-Sell Product Block: Select YES to show cross-sell product recommendation block under the product tab. Product Tabs for Magento 2 © Meetanshi

  5. oAssign Attributes Assign attributes to show under the product tab. Product Tabs for Magento 2 © Meetanshi

  6. oAssign Tab to Products Set conditions if you want to assign product tab only to the specific products. Leave blank to show the product tab to all the products. Product Tabs for Magento 2 © Meetanshi

  7. 4.Product Tabs in Frontend After configuring the extension, users can see product tabs on product page with the added content, assigned attributes and product recommendation block if enabled. Product Tabs for Magento 2 © Meetanshi

More Related