Magento 2 Diffeent Product Page design for different Category

I need product pages design different for each category.I have around 5-6 categories.

What is the best way to do it?

Solutions

The best way is to make custom templates for different categories and specify it in Layout Update XML field of the category on which you want it to be.

Similar questions

Need to add a custom link “Kids” in header and open different design/layout/css in Magento 2
Need to add a custom link "Kids" in header, when click on kids link, then website menus and home page design/layout/css and url should be changed new url would be (www.site.com/kids). Category page url like : www.site.com/kids/category.phtml product url should be like : www.site.com/product-detail.phtml and in product detail page link kid...
Widgets sort order in different design packages
I'm wondering if I'm doing something wrong, or there's a 'bug' in Magento. When I add a couple of widgets in the same package/theme, say 'base/default', the sort order works just fine. But, when I want to add a widget in a different package (customer/default) that has to show between those widgets, it's not working, this widget shows up at the end ...
Magento 2 view product give different result for different category
For learning purpose I just added following css in my Module: Class newcolor implementation in addtocart.phtml Here is my Layout Result: Its working well for this product (button become yellow). But does not work for "short pant" product. My Question is why class 'newcolor' does not shown in the product with category "short pant" ?
Remove the custom design tab in magento category edit page
Remove the custom design tab from magento category edit page.
Magento 2: how to change Category page design
I have a theme installed on my Magento V2.2.3 site and now i would like to change the category page design with requirements Can someone tell how i can achieve this Thank you in advance!
responsive design category page optimization
I am working on a responsive design. In category pages i am showing the product small_image with resize(270,null). This is okay with desktop. But in mobile it takes little more seconds to load the product image. This i tried to fix as following And there is another problem associated with this. My site is having varnish sitting in front of webserve...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.