Magento 2 Add Custom tab in Product Pageadd content other than attribute information under “Additional information” in magentonew tab in page product view frontend?How to add Custom Tab in Magento Product Description PageAdd custom tab for product edit pageMagento 2 : Add custom tabs to product details pageMagento 1.9 product edit page add tab and grid inside that tabMagento 2: How to edit existing product tabMagento 2.2.2 Add a custom tab on product pageAdd tab in magento2?Add Custom Grid into a Custom Tab in Product Edit Page collection filter by current product id
Active wildlife outside the window- Good or Bad for Cat psychology?
How to securely dispose of a smartphone?
Having to constantly redo everything because I don't know how to do it?
I agreed to cancel a long-planned vacation (with travel costs) due to project deadlines, but now the timeline has all changed again
Why isn't UDP with reliability (implemented at Application layer) a substitute of TCP?
Why is this double switch controlling both light circuits from both switches?
Sharing referee/AE report online to point out a grievous error in refereeing
Iterate over deepest values in a nested Association
Why do global inline variables and static inline members in C++17 need guards?
Copy group of files (Filename*) to backup (Filename*.bak)
When was this photo of Mission Dolores *actually* taken?
Can European countries bypass the EU and make their own individual trade deal with the U.S.?
Journal standards vs. personal standards
Security Patch SUPEE-11155 - Possible issues?
Why doesn't SpaceX land boosters in Africa?
Why did the Apple //e make a hideous noise if you inserted the disk upside down?
List Manipulation : a,b,c,d,e,f,g,h into a,b,c,d,e,f,g,h
Adjective for 'made of pus' or 'corrupted by pus' or something of something of pus
A quine of sorts
13th chords on guitar
What do you call a notepad used to keep a record?
What election rules and voting rights are guaranteed by the US Constitution?
Why do movie directors use brown tint on Mexico cities?
If a USA citizen marries a foreign citizen who has a kid from a previous marriage
Magento 2 Add Custom tab in Product Page
add content other than attribute information under “Additional information” in magentonew tab in page product view frontend?How to add Custom Tab in Magento Product Description PageAdd custom tab for product edit pageMagento 2 : Add custom tabs to product details pageMagento 1.9 product edit page add tab and grid inside that tabMagento 2: How to edit existing product tabMagento 2.2.2 Add a custom tab on product pageAdd tab in magento2?Add Custom Grid into a Custom Tab in Product Edit Page collection filter by current product id
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I like to view my product page information details like "accordion-toggle" and let me need to add custom tab with static text in same page information details.
Thanks in advance.
magento2 product magento2.3 tabs product-details
edited Jun 21 at 6:35
Rakesh Donga
2,9456 silver badges21 bronze badges
asked Jun 21 at 5:46
mohanamohana
17415 bronze badges
add a comment |
I like to view my product page information details like "accordion-toggle" and let me need to add custom tab with static text in same page information details.
Thanks in advance.
magento2 product magento2.3 tabs product-details
edited Jun 21 at 6:35
Rakesh Donga
2,9456 silver badges21 bronze badges
asked Jun 21 at 5:46
mohanamohana
17415 bronze badges
add a comment |
I like to view my product page information details like "accordion-toggle" and let me need to add custom tab with static text in same page information details.
Thanks in advance.
magento2 product magento2.3 tabs product-details
edited Jun 21 at 6:35
Rakesh Donga
2,9456 silver badges21 bronze badges
asked Jun 21 at 5:46
mohanamohana
17415 bronze badges
I like to view my product page information details like "accordion-toggle" and let me need to add custom tab with static text in same page information details.
Thanks in advance.
magento2 product magento2.3 tabs product-details
magento2 product magento2.3 tabs product-details
edited Jun 21 at 6:35
Rakesh Donga
2,9456 silver badges21 bronze badges
asked Jun 21 at 5:46
mohanamohana
17415 bronze badges
edited Jun 21 at 6:35
Rakesh Donga
2,9456 silver badges21 bronze badges
asked Jun 21 at 5:46
mohanamohana
17415 bronze badges
edited Jun 21 at 6:35
Rakesh Donga
2,9456 silver badges21 bronze badges
edited Jun 21 at 6:35
Rakesh Donga
2,9456 silver badges21 bronze badges
edited Jun 21 at 6:35
Rakesh Donga
2,9456 silver badges21 bronze badges
2,9456 silver badges21 bronze badges
asked Jun 21 at 5:46
mohanamohana
17415 bronze badges
asked Jun 21 at 5:46
mohanamohana
17415 bronze badges
asked Jun 21 at 5:46
mohanamohana
17415 bronze badges
17415 bronze badges
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
create below file in this location
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="product.info.details">
<block class="MagentoCatalogBlockProductView" name="custom.tab" template="product/view/custom_tab.phtml" group="detailed_info" >
<arguments>
<argument translate="true" name="title" xsi:type="string">Cutom Tab</argument>
</arguments>
</block>
</referenceBlock>
</body>
</page>
Go to this link
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/templates/product/view/custom_tab.phtml
<?php echo __("test")?>
answered Jun 21 at 6:11
Rakesh DongaRakesh Donga
2,9456 silver badges21 bronze badges
Thank you, I got a custom tab. I like to change tab design to toogle design, is there any idea to change ?
– mohana
Jun 21 at 6:28
@mohana which type you want to change in tab?
– Rakesh Donga
Jun 21 at 6:32
Done. 1st all tab must be close onclick open drop down. please refer the link "codepen.io/syedrafeeq/pen/JroaYK" .
– mohana
Jun 21 at 6:35
@mohana you can customize in product page default tab remove and manally add after get all attributes
– Rakesh Donga
Jun 21 at 6:36
Please can you send some reference link.?
– mohana
Jun 21 at 6:39
|
show 1 more comment
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f279103%2fmagento-2-add-custom-tab-in-product-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
create below file in this location
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="product.info.details">
<block class="MagentoCatalogBlockProductView" name="custom.tab" template="product/view/custom_tab.phtml" group="detailed_info" >
<arguments>
<argument translate="true" name="title" xsi:type="string">Cutom Tab</argument>
</arguments>
</block>
</referenceBlock>
</body>
</page>
Go to this link
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/templates/product/view/custom_tab.phtml
<?php echo __("test")?>
answered Jun 21 at 6:11
Rakesh DongaRakesh Donga
2,9456 silver badges21 bronze badges
Thank you, I got a custom tab. I like to change tab design to toogle design, is there any idea to change ?
– mohana
Jun 21 at 6:28
@mohana which type you want to change in tab?
– Rakesh Donga
Jun 21 at 6:32
Done. 1st all tab must be close onclick open drop down. please refer the link "codepen.io/syedrafeeq/pen/JroaYK" .
– mohana
Jun 21 at 6:35
@mohana you can customize in product page default tab remove and manally add after get all attributes
– Rakesh Donga
Jun 21 at 6:36
Please can you send some reference link.?
– mohana
Jun 21 at 6:39
|
show 1 more comment
create below file in this location
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="product.info.details">
<block class="MagentoCatalogBlockProductView" name="custom.tab" template="product/view/custom_tab.phtml" group="detailed_info" >
<arguments>
<argument translate="true" name="title" xsi:type="string">Cutom Tab</argument>
</arguments>
</block>
</referenceBlock>
</body>
</page>
Go to this link
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/templates/product/view/custom_tab.phtml
<?php echo __("test")?>
answered Jun 21 at 6:11
Rakesh DongaRakesh Donga
2,9456 silver badges21 bronze badges
Thank you, I got a custom tab. I like to change tab design to toogle design, is there any idea to change ?
– mohana
Jun 21 at 6:28
@mohana which type you want to change in tab?
– Rakesh Donga
Jun 21 at 6:32
Done. 1st all tab must be close onclick open drop down. please refer the link "codepen.io/syedrafeeq/pen/JroaYK" .
– mohana
Jun 21 at 6:35
@mohana you can customize in product page default tab remove and manally add after get all attributes
– Rakesh Donga
Jun 21 at 6:36
Please can you send some reference link.?
– mohana
Jun 21 at 6:39
|
show 1 more comment
create below file in this location
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="product.info.details">
<block class="MagentoCatalogBlockProductView" name="custom.tab" template="product/view/custom_tab.phtml" group="detailed_info" >
<arguments>
<argument translate="true" name="title" xsi:type="string">Cutom Tab</argument>
</arguments>
</block>
</referenceBlock>
</body>
</page>
Go to this link
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/templates/product/view/custom_tab.phtml
<?php echo __("test")?>
answered Jun 21 at 6:11
Rakesh DongaRakesh Donga
2,9456 silver badges21 bronze badges
create below file in this location
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="product.info.details">
<block class="MagentoCatalogBlockProductView" name="custom.tab" template="product/view/custom_tab.phtml" group="detailed_info" >
<arguments>
<argument translate="true" name="title" xsi:type="string">Cutom Tab</argument>
</arguments>
</block>
</referenceBlock>
</body>
</page>
Go to this link
app/design/frontend/[VendorName]/[theme]/Magento_Catalog/templates/product/view/custom_tab.phtml
<?php echo __("test")?>
answered Jun 21 at 6:11
Rakesh DongaRakesh Donga
2,9456 silver badges21 bronze badges
edited Jun 24 at 10:26
answered Jun 21 at 6:11
Rakesh DongaRakesh Donga
2,9456 silver badges21 bronze badges
answered Jun 21 at 6:11
Rakesh DongaRakesh Donga
2,9456 silver badges21 bronze badges
answered Jun 21 at 6:11
Rakesh DongaRakesh Donga
2,9456 silver badges21 bronze badges
2,9456 silver badges21 bronze badges
Thank you, I got a custom tab. I like to change tab design to toogle design, is there any idea to change ?
– mohana
Jun 21 at 6:28
@mohana which type you want to change in tab?
– Rakesh Donga
Jun 21 at 6:32
Done. 1st all tab must be close onclick open drop down. please refer the link "codepen.io/syedrafeeq/pen/JroaYK" .
– mohana
Jun 21 at 6:35
@mohana you can customize in product page default tab remove and manally add after get all attributes
– Rakesh Donga
Jun 21 at 6:36
Please can you send some reference link.?
– mohana
Jun 21 at 6:39
|
show 1 more comment
Thank you, I got a custom tab. I like to change tab design to toogle design, is there any idea to change ?
– mohana
Jun 21 at 6:28
@mohana which type you want to change in tab?
– Rakesh Donga
Jun 21 at 6:32
Done. 1st all tab must be close onclick open drop down. please refer the link "codepen.io/syedrafeeq/pen/JroaYK" .
– mohana
Jun 21 at 6:35
@mohana you can customize in product page default tab remove and manally add after get all attributes
– Rakesh Donga
Jun 21 at 6:36
Please can you send some reference link.?
– mohana
Jun 21 at 6:39
Thank you, I got a custom tab. I like to change tab design to toogle design, is there any idea to change ?
– mohana
Jun 21 at 6:28
Thank you, I got a custom tab. I like to change tab design to toogle design, is there any idea to change ?
– mohana
Jun 21 at 6:28
@mohana which type you want to change in tab?
– Rakesh Donga
Jun 21 at 6:32
@mohana which type you want to change in tab?
– Rakesh Donga
Jun 21 at 6:32
Done. 1st all tab must be close onclick open drop down. please refer the link "codepen.io/syedrafeeq/pen/JroaYK" .
– mohana
Jun 21 at 6:35
Done. 1st all tab must be close onclick open drop down. please refer the link "codepen.io/syedrafeeq/pen/JroaYK" .
– mohana
Jun 21 at 6:35
@mohana you can customize in product page default tab remove and manally add after get all attributes
– Rakesh Donga
Jun 21 at 6:36
@mohana you can customize in product page default tab remove and manally add after get all attributes
– Rakesh Donga
Jun 21 at 6:36
Please can you send some reference link.?
– mohana
Jun 21 at 6:39
Please can you send some reference link.?
– mohana
Jun 21 at 6:39
|
show 1 more comment
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f279103%2fmagento-2-add-custom-tab-in-product-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
