{"id":497,"date":"2023-02-09T22:23:37","date_gmt":"2023-02-09T15:23:37","guid":{"rendered":"https:\/\/magerubik.com\/blog\/?p=497"},"modified":"2023-04-24T08:54:35","modified_gmt":"2023-04-24T01:54:35","slug":"magento-layout-file-types","status":"publish","type":"post","link":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/","title":{"rendered":"Magento layout file types"},"content":{"rendered":"\n<div class=\"magerubik-quote\">\n\t<p>In Magento, the basic elements of page design are layout, container, block and all are represented in layout files. layout files are divided into 3 layout files types: page layouts, configuration layouts, and generic layouts. Now let&#8217;s go into the detailed description of each layout file type.<\/p>\n<\/div>\n<h2 class=\"h3\"><strong>1. Page layout<\/strong><\/h2>\n<p>This layout file will configure the wireframe that represents the structure of a web page with the containers. Magento 2 has predefined 5 basic page layouts file in the theme module (empty.xml, 1column.xml, 2columns-left.xml, 2columns-rihgt.xml, 3columns.xml).<\/p>\n<p><strong>Allowed layout instructions:<\/strong> <span class=\"code1\">&lt;head><\/span>, <span class=\"code1\">&lt;body><\/span>, <span class=\"code1\">&lt;container><\/span>, <span class=\"code1\">&lt;referenceContainer><\/span>, <span class=\"code1\">&lt;move><\/span>, <span class=\"code1\">&lt;update><\/span><\/p>\n<p><strong>Conventional location in folder<\/strong><\/p>\n<ul>\n\t<li>Module page layouts: <span class=\"code1\">&lt;module_dir>\/view\/frontend\/page_layout<\/span><\/li>\n\t<li>Theme page layouts: <span class=\"code1\">&lt;theme_dir>\/&lt;Namespace>_&lt;Module>\/page_layout<\/span><\/li>\n<\/ul>\n<p>Example from magento default: <span class=\"code1\">&lt;Magento_Theme_module_dir>\/view\/frontend\/page_layout\/2columns-left.xml<\/span><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?xml version=\"1.0\"?>\n&lt;layout xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_layout.xsd\">\n    &lt;update handle=\"1column\"\/>\n    &lt;referenceContainer name=\"columns\">\n        &lt;container name=\"div.sidebar.main\" htmlTag=\"div\" htmlClass=\"sidebar sidebar-main\" after=\"main\">\n            &lt;container name=\"sidebar.main\" as=\"sidebar_main\" label=\"Sidebar Main\"\/>\n        &lt;\/container>\n        &lt;container name=\"div.sidebar.additional\" htmlTag=\"div\" htmlClass=\"sidebar sidebar-additional\" after=\"div.sidebar.main\">\n            &lt;container name=\"sidebar.additional\" as=\"sidebar_additional\" label=\"Sidebar Additional\"\/>\n        &lt;\/container>\n    &lt;\/referenceContainer>\n&lt;\/layout><\/pre>\n\n\n\n<p class=\"simple-note\">To be able to use the created layout you need to declare it in <span class=\"code1\">layouts.xml<\/span>. These files are usually placed together with the page-layout folder as screen below:<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/theme\/layouts-file-location.jpg\" alt=\"Layouts file location\" class=\"wp-image-80\"\/><\/figure>\t\n<p>Example from magento default: <span class=\"code1\">&lt;Magento_Theme_module_dir>\/view\/frontend\/layouts.xml<\/span><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?xml version=\"1.0\" encoding=\"UTF-8\"?>\n&lt;page_layouts xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/PageLayout\/etc\/layouts.xsd\">\n    &lt;layout id=\"1column\">\n        &lt;label translate=\"true\">1 column&lt;\/label>\n    &lt;\/layout>\n    &lt;layout id=\"2columns-left\">\n        &lt;label translate=\"true\">2 columns with left bar&lt;\/label>\n    &lt;\/layout>\n    &lt;layout id=\"2columns-right\">\n        &lt;label translate=\"true\">2 columns with right bar&lt;\/label>\n    &lt;\/layout>\n    &lt;layout id=\"3columns\">\n        &lt;label translate=\"true\">3 columns&lt;\/label>\n    &lt;\/layout>\n&lt;\/page_layouts><\/pre>\n\n\n\n<p>Once declared you can see their names in the list of layout pages in the design.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/theme\/magento-list-layout-page.jpg\" alt=\"Magento list Layout page\" class=\"wp-image-80\"\/><\/figure>\t\n<p>And Used name id to define the layout type for the page in the page configuration layout files.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/theme\/magento-layout-page-configuration.jpg\" alt=\"Magento layout page configuration\" class=\"wp-image-80\"\/><\/figure>\t\n<h2 class=\"h3\"><strong>2. Configuration layouts<\/strong><\/h2>\n<p>This layout file will add content to the wireframe defined in the page layout file. In addition, it also contains page meta-information and the content of the <span class=\"code1\">&lt;head><\/span> section.<\/p>\n<p><strong>Allowed layout instructions:<\/strong> <span class=\"code1\">&lt;page><\/span>, <span class=\"code1\">&lt;html><\/span>, <span class=\"code1\">&lt;head><\/span>, <span class=\"code1\">&lt;body><\/span>, <span class=\"code1\">&lt;attribute><\/span>, <span class=\"code1\">&lt;title><span\/>, <span class=\"code1\">&lt;meta><\/span>, <span class=\"code1\">&lt;link><\/span>, <span class=\"code1\">&lt;css><\/span>, <span class=\"code1\">&lt;script><\/span><\/p>\n<p><strong>Conventional location in folder<\/strong><\/p>\n<ul>\n\t<li>Module page layouts: <span class=\"code1\">&lt;module_dir>\/view\/frontend\/layout<\/span><\/li>\n\t<li>Theme page layouts: <span class=\"code1\">&lt;theme_dir>\/&lt;Namespace>_&lt;Module>\/layout<\/span><\/li>\n<\/ul>\n<p>Example from magento default: <span class=\"code1\">&lt;Magento_Catalog_module_dir>\/view\/frontend\/layout\/catalog_product_view.xml<\/span><\/p>\n<h2 class=\"h3\"><strong>2. Generic layouts<\/strong><\/h2>\n<p>This layout file defines the detailed content and structure inside the <span class=\"code1\">&lt;body><\/span> section of the HTML page markup. Generic layout files are used for pages returned by AJAX requests, emails, HTML snippets and so on.<\/p>\n<p><strong>Allowed layout instructions:<\/strong> <span class=\"code1\">&lt;layout><\/span>, <span class=\"code1\">&lt;update> <\/span>, <span class=\"code1\">&lt;container><\/span><\/p>\n<p><strong>Conventional location in folder<\/strong><\/p>\n<ul>\n\t<li>Module page layouts: <span class=\"code1\">&lt;module_dir>\/view\/frontend\/layout<\/span><\/li>\n\t<li>Theme page layouts: <span class=\"code1\">&lt;theme_dir>\/&lt;Namespace>_&lt;Module>\/layout<\/span><\/li>\n<\/ul>\n<p>Example from magento default: <span class=\"code1\">&lt;Magento_Catalog_module_dir>\/view\/frontend\/layout\/catalog_product_prices.xml<\/span><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?xml version=\"1.0\"?>\n&lt;layout xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/layout_generic.xsd\">\n    &lt;block class=\"Magento\\Framework\\Pricing\\Render\\RendererPool\" name=\"render.product.prices\">\n        &lt;arguments>\n            &lt;argument name=\"default\" xsi:type=\"array\">\n                &lt;item name=\"default_render_class\" xsi:type=\"string\">Magento\\Catalog\\Pricing\\Render\\PriceBox&lt;\/item>\n                &lt;item name=\"default_render_template\" xsi:type=\"string\">Magento_Catalog::product\/price\/default.phtml&lt;\/item>\n                &lt;item name=\"default_amount_render_class\" xsi:type=\"string\">Magento\\Framework\\Pricing\\Render\\Amount&lt;\/item>\n                &lt;item name=\"default_amount_render_template\" xsi:type=\"string\">Magento_Catalog::product\/price\/amount\/default.phtml&lt;\/item>\n                &lt;item name=\"prices\" xsi:type=\"array\">\n                    &lt;item name=\"special_price\" xsi:type=\"array\">\n                        &lt;item name=\"render_template\" xsi:type=\"string\">Magento_Catalog::product\/price\/special_price.phtml&lt;\/item>\n                    &lt;\/item>\n                    &lt;item name=\"tier_price\" xsi:type=\"array\">\n                        &lt;item name=\"render_template\" xsi:type=\"string\">Magento_Catalog::product\/price\/tier_prices.phtml&lt;\/item>\n                    &lt;\/item>\n                    &lt;item name=\"final_price\" xsi:type=\"array\">\n                        &lt;item name=\"render_class\" xsi:type=\"string\">Magento\\Catalog\\Pricing\\Render\\FinalPriceBox&lt;\/item>\n                        &lt;item name=\"render_template\" xsi:type=\"string\">Magento_Catalog::product\/price\/final_price.phtml&lt;\/item>\n                    &lt;\/item>\n                    &lt;item name=\"custom_option_price\" xsi:type=\"array\">\n                        &lt;item name=\"amount_render_template\" xsi:type=\"string\">Magento_Catalog::product\/price\/amount\/default.phtml&lt;\/item>\n                    &lt;\/item>\n                    &lt;item name=\"configured_price\" xsi:type=\"array\">\n                        &lt;item name=\"render_class\" xsi:type=\"string\">Magento\\Catalog\\Pricing\\Render\\ConfiguredPriceBox&lt;\/item>\n                        &lt;item name=\"render_template\" xsi:type=\"string\">Magento_Catalog::product\/price\/configured_price.phtml&lt;\/item>\n                    &lt;\/item>\n                &lt;\/item>\n            &lt;\/argument>\n        &lt;\/arguments>\n    &lt;\/block>\n&lt;\/layout><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote\">\n\t<p>Hope this article helps you to distinguish Magento layout file types. <a href=\"https:\/\/magerubik.com\/contact\" title=\"Contact Magerubik\">Contact us<\/a> if you face any problems during the installation process.<\/p>\n<\/blockquote>\n<p class=\"simple-note\">You can download the demo code for this entire series from <a href=\"https:\/\/github.com\/magerubik\/rubikshop\" title=\"demo code on github\" rel=\"nofollow noopener\">GitHub<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Magento, the basic elements of page design are layout, container, block and all are represented in layout files. layout<\/p>\n","protected":false},"author":1,"featured_media":498,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2-theme-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento layout file types | MageRubik<\/title>\n<meta name=\"description\" content=\"The layout is like a framework that defines the design page web. Magento layout file types: page layout, configuration layout, Generic layout.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento layout file types | MageRubik\" \/>\n<meta property=\"og:description\" content=\"The layout is like a framework that defines the design page web. Magento layout file types: page layout, configuration layout, Generic layout.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/\" \/>\n<meta property=\"og:site_name\" content=\"MageRubik\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/magerubik\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/magerubik\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-09T15:23:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-24T01:54:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"445\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hilary howard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/www.twitter.com\/magerubik\" \/>\n<meta name=\"twitter:site\" content=\"@magerubik\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hilary howard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/\"},\"author\":{\"name\":\"Hilary howard\",\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"headline\":\"Magento layout file types\",\"datePublished\":\"2023-02-09T15:23:37+00:00\",\"dateModified\":\"2023-04-24T01:54:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/\"},\"wordCount\":439,\"publisher\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"image\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg\",\"articleSection\":[\"Magento 2 Theme Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/\",\"url\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/\",\"name\":\"Magento layout file types | MageRubik\",\"isPartOf\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg\",\"datePublished\":\"2023-02-09T15:23:37+00:00\",\"dateModified\":\"2023-04-24T01:54:35+00:00\",\"description\":\"The layout is like a framework that defines the design page web. Magento layout file types: page layout, configuration layout, Generic layout.\",\"breadcrumb\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#primaryimage\",\"url\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg\",\"contentUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg\",\"width\":800,\"height\":445,\"caption\":\"Magento 2 layout file types\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Magerubik blog site\",\"item\":\"https:\/\/magerubik.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento layout file types\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/magerubik.com\/blog\/#website\",\"url\":\"https:\/\/magerubik.com\/blog\/\",\"name\":\"Magerubik\",\"description\":\"MageRubik blog site\",\"publisher\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"alternateName\":\"Magento 2 Extension\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/magerubik.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\",\"name\":\"Hilary howard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png\",\"contentUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png\",\"width\":265,\"height\":90,\"caption\":\"Hilary howard\"},\"logo\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/localhost\/blog\",\"https:\/\/www.facebook.com\/magerubik\",\"https:\/\/www.instagram.com\/magerubik\",\"https:\/\/www.linkedin.com\/magerubik\",\"https:\/\/www.pinterest.com\/magerubik\",\"https:\/\/twitter.com\/https:\/\/www.twitter.com\/magerubik\",\"https:\/\/www.myspace.com\/magerubik\",\"https:\/\/www.youtube.com\/magerubik\",\"https:\/\/www.soundcloud.com\/magerubik\",\"https:\/\/www.tumblr.com\/magerubik\",\"https:\/\/www.wikipedia.com\/magerubik\"],\"url\":\"https:\/\/magerubik.com\/blog\/author\/hilary-howard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento layout file types | MageRubik","description":"The layout is like a framework that defines the design page web. Magento layout file types: page layout, configuration layout, Generic layout.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/","og_locale":"en_US","og_type":"article","og_title":"Magento layout file types | MageRubik","og_description":"The layout is like a framework that defines the design page web. Magento layout file types: page layout, configuration layout, Generic layout.","og_url":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/","og_site_name":"MageRubik","article_publisher":"https:\/\/www.facebook.com\/magerubik","article_author":"https:\/\/www.facebook.com\/magerubik","article_published_time":"2023-02-09T15:23:37+00:00","article_modified_time":"2023-04-24T01:54:35+00:00","og_image":[{"width":800,"height":445,"url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg","type":"image\/jpeg"}],"author":"Hilary howard","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/www.twitter.com\/magerubik","twitter_site":"@magerubik","twitter_misc":{"Written by":"Hilary howard","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#article","isPartOf":{"@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/"},"author":{"name":"Hilary howard","@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"headline":"Magento layout file types","datePublished":"2023-02-09T15:23:37+00:00","dateModified":"2023-04-24T01:54:35+00:00","mainEntityOfPage":{"@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/"},"wordCount":439,"publisher":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"image":{"@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#primaryimage"},"thumbnailUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg","articleSection":["Magento 2 Theme Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/","url":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/","name":"Magento layout file types | MageRubik","isPartOf":{"@id":"https:\/\/magerubik.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#primaryimage"},"image":{"@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#primaryimage"},"thumbnailUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg","datePublished":"2023-02-09T15:23:37+00:00","dateModified":"2023-04-24T01:54:35+00:00","description":"The layout is like a framework that defines the design page web. Magento layout file types: page layout, configuration layout, Generic layout.","breadcrumb":{"@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magerubik.com\/blog\/magento-layout-file-types\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#primaryimage","url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg","contentUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/02\/magento-2-layout-file-types.jpg","width":800,"height":445,"caption":"Magento 2 layout file types"},{"@type":"BreadcrumbList","@id":"https:\/\/magerubik.com\/blog\/magento-layout-file-types\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magerubik blog site","item":"https:\/\/magerubik.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento layout file types"}]},{"@type":"WebSite","@id":"https:\/\/magerubik.com\/blog\/#website","url":"https:\/\/magerubik.com\/blog\/","name":"Magerubik","description":"MageRubik blog site","publisher":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"alternateName":"Magento 2 Extension","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magerubik.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8","name":"Hilary howard","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png","contentUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png","width":265,"height":90,"caption":"Hilary howard"},"logo":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/localhost\/blog","https:\/\/www.facebook.com\/magerubik","https:\/\/www.instagram.com\/magerubik","https:\/\/www.linkedin.com\/magerubik","https:\/\/www.pinterest.com\/magerubik","https:\/\/twitter.com\/https:\/\/www.twitter.com\/magerubik","https:\/\/www.myspace.com\/magerubik","https:\/\/www.youtube.com\/magerubik","https:\/\/www.soundcloud.com\/magerubik","https:\/\/www.tumblr.com\/magerubik","https:\/\/www.wikipedia.com\/magerubik"],"url":"https:\/\/magerubik.com\/blog\/author\/hilary-howard\/"}]}},"_links":{"self":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/comments?post=497"}],"version-history":[{"count":2,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/497\/revisions"}],"predecessor-version":[{"id":624,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/497\/revisions\/624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/media\/498"}],"wp:attachment":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/media?parent=497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/categories?post=497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/tags?post=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}