![\"add_layout\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/06\/add_layout.png\")
\nAfter adding the layout, just edit a product and open the design tab. Here,\u00a0I edited the “Apple Cinema” product and set Layout Override to “Demo Design Layout”.<\/p>\n
While adding or editing the\u00a0product in Opencart, you might have seen the design tab. Most of the people don’t know the use of over-riding of layout\u00a0for that particular product. The Layout Override functionality is used to change the layout of the product page for that product to the\u00a0layout that is selected for the product.<\/p>\n
Let me give you an example to understand things easily. Here, I’ve created a layout with layout name “Demo Design Layout”. In that, I’ve set a module name Carousel which can be often found on the home page by default and then saved the layout.<\/p>\n
\nAfter adding the layout, just edit a product and open the design tab. Here,\u00a0I edited the “Apple Cinema” product and set Layout Override to “Demo Design Layout”.<\/p>\n
![\"design_product\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/06\/design_product.png\")
\nNow, take a look at the product page on which the layout override has taken place.<\/p>\n
![\"demo_product_page\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/06\/demo_product_page.png\")
\nThe product page of “Apple Cinema” is showing the same layout as set for the “Demo Design Layout” while all other product will have the same default layout design.<\/p>\n
Here’s another image showing the product page layout when the “Account” is selected in the layout override.<\/p>\n
![\"account_product_page\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/06\/account_product_page.png\")
<\/p>\n
Hope, this would have cleared the doubt of design tab and the actual use of it.<\/p>\n","protected":false},"excerpt":{"rendered":"