Hello,
I am stuck in using tabs widget in Magento2. I have not found any resource that teachs about this. The only resource is this: http://devdocs.magento.com/guides/v2.0/javascript-dev-guide/widgets/widget_tabs.html. But this is useless. It is only a reference of options and methods, but not how to use it.
I have this in attributes.phtml of my custom theme:
<div id="Tabs1"> <ul> <?php $count = 0 ?> <?php foreach ($_additional as $_data): ?> <li data-role="title"><a href="#tabs-<?php echo ++$count ?>"><?php echo $block->escapeHtml(__($_data['label'])) ?></a></li> <?php endforeach; ?> </ul> <?php $count = 0 ?> <?php foreach ($_additional as $_data): ?> <div id="tabs-<?php echo ++$count ?>" data-role="content"> <p><?php /* @escapeNotVerified */ echo $_helper->productAttribute($_product, $_data['value'], $_data['code']) ?></p> </div> <?php endforeach; ?> </div> <script type="text/javascript"> require([ 'jquery', 'jquery/ui' ], function($){ $(function () { $("#Tabs1").tabs(); }); }); </script>
But that does not work. Can you show me where is the error, please?
Thanks
Jaime
Solved! Go to Solution.
See, for example, how to add a tab to a frontend product view: https://mage2.pro/t/383
See, for example, how to add a tab to a frontend product view: https://mage2.pro/t/383
Thanks, apparently it works when I followed link 1 instructions, however I have problema with styles now. I was trying to locate where the styles are placed so the tabs would be displayed as the example but I could not.
Can you give me further help, please?
Thanks
Jaime
It looked ugly because I have not included default css files.
How did you added the css ?