I want to make product detail tab vertical instead of horizontal.

enter image description here

  • I think you can do it with CSS – Neha Raval Apr 9 '17 at 17:27
  • 2
    I'm voting to close this question as off-topic because This requirement can be done by css. – Teja Bhagavan Kollepara Mar 28 '19 at 9:58

Something like the following css should give you a good starting point, you will need to change paddings/borders also to make it pretty though.

.catalog-product-view .product.data.items > .item.title { float: none; }
.catalog-product-view .product.data.items > .item.content { float: none; margin-left: 0; }
| improve this answer | |
  • Is it possible to close all tabs by default? @siux – Ramalakshmi T Jan 24 at 14:00
  • @RamalakshmiT it should be possible, i don't have a solution at hand though. the simplest, but dirty answer would be to add some js that closes the first tab with a fake click. – siux Jan 29 at 9:52

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.