Mangento Product tabs

jurjen
115 Posts
jurjen posted this 15 December 2014

Hi,

Is it possible to create a productdetail page in with a 2-column design, but where the product tabs such as reviews, details, etc are on the full page width?

I am trying to figure where to edit the phtml files for that, but with all the nesting, it is quite a search.

Any suggestions?

Hi, Is it possible to create a productdetail page in with a 2-column design, but where the product tabs such as reviews, details, etc are on the full page width? I am trying to figure where to edit the phtml files for that, but with all the nesting, it is quite a search. Any suggestions?

Last edited 16 December 2014 by Support Team

Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 16 December 2014

Hello Jurjen,
you may try to make the DIV which includes the tabs of Product Details control be the page width via CSS code, however the solution may be a bit different depending on certain page layout and design.
Here is a short solution which for default theme:

.data-control-id-2809.bd-tabinformationcontrol-2.tabbable{
margin-left: -380px;
width: 1200px;
}

I need to say that this is a sample for static page width. You may also check the other samples which describe how to make the child DIV wider than parent DIV
http://forums.phpfreaks.com/topic/185624-make-a-div-bigger-than-its-container/
http://jsfiddle.net/9LsdV/
http://stackoverflow.com/questions/5581034/is-there-are-way-to-make-a-child-divs-width-wider-than-the-parent-div-using-css

Please remember that if you edit the theme files manually our changes are overwritten when you open and save (or Save & Download) theme in Themler.

Regards,
Aileen

Hello Jurjen, you may try to make the DIV which includes the tabs of Product Details control be the page width via CSS code, however the solution may be a bit different depending on certain page layout and design. Here is a short solution which for default theme: .data-control-id-2809.bd-tabinformationcontrol-2.tabbable{ margin-left: -380px; width: 1200px; } I need to say that this is a sample for static page width. You may also check the other samples which describe how to make the child DIV wider than parent DIV http://forums.phpfreaks.com/topic/185624-make-a-div-bigger-than-its-container/ http://jsfiddle.net/9LsdV/ http://stackoverflow.com/questions/5581034/is-there-are-way-to-make-a-child-divs-width-wider-than-the-parent-div-using-css Please remember that if you edit the theme files manually our changes are overwritten when you open and save (or Save & Download) theme in Themler. Regards, Aileen
jurjen
115 Posts
jurjen posted this 30 December 2014

Thank you

Thank you
Support Team
Support Team posted this 30 December 2014

You're welcome.
Please let us know if you have any other questions.

You're welcome. Please let us know if you have any other questions.
You must log in or register to leave comments