e3io wrote:I understand and agree with you, but I modified the .CSS classes and some .cshtml, now all tabs are displayed on the same page and now the tabs are anchors that send the user to the level of the page he chooses.
I just thought that as it is shows the product specifications, I could replace it and shows the product attributes, modifying the code in some .cshtml file .
If you know how to do this please let me know.
Thank you.
Hi,
No, it would not be possible to modify the cshtml and get the product attributes shown. The only thing I can think of is this one using some JS:
1. Create a custom tab.
2. For description - open the Tools > Source code of the editor
3. Place this code inside and save:
<div id="quick-tabs-product-attributes-wrapper"></div>
<script type="text/javascript">
// <![CDATA[
(function(){
$(document).ready(function(){
$('.product-essential .attributes').appendTo('#quick-tabs-product-attributes-wrapper').show();
});
})();
// ]]>
</script>
4. Map the tab to the desired products manually or by using conditions.
5. For even better results you can do this:
- the attributes are inside this element: <div class="attributes">
- because it is moved with JavaScript you will see the DIV until the JS loads and move it
- to avoid this create a new product template which has the DIV hidden like this: <div class="attributes" style="display: none;">
- now everything will look perfect
NOTE: this modification was not tested for all possible cases and might lead to unexpected behaviour.
I hope this will help you !
