{"id":18,"date":"2022-03-04T04:11:10","date_gmt":"2022-03-04T04:11:10","guid":{"rendered":"http:\/\/localhost\/blog\/?p=18"},"modified":"2023-04-24T08:43:12","modified_gmt":"2023-04-24T01:43:12","slug":"create-magento-2-theme-options","status":"publish","type":"post","link":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/","title":{"rendered":"Create Magento 2 theme options"},"content":{"rendered":"<div class=\"magerubik-quote\">\n<p>The important part of the Magento 2 theme is to give clients who are not familiar with complex techniques to choose from the backend. In this article, we will create Magento 2 theme options by creating the module Themeoptions.<\/p>\n<\/div>\n<p>If you still don&#8217;t know how to create a Magento 2 module please <a title=\"Create Magento 2 extension step by step\" href=\"https:\/\/magerubik.com\/blog\/create-magento-2-extension-step-by-step\">click here<\/a> to read it before.<\/p>\n<p><strong>Let go!<\/strong> First we create module Themeoptions folder structure like below:<\/p>\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=\"\">app\/code\/Magerubik\/\n\u251c\u2500\u2500 Themeoptions\/\n\u2502   \u251c\u2500\u2500 etc\/\n\u2502   \u2502   \u251c\u2500\u2500 adminhtml\/\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 system.xml\n\u2502   \u2502   \u251c\u2500\u2500 module.xml\n\u2502   \u2502   \u251c\u2500\u2500 config.xml\n\u2502   \u251c\u2500\u2500 registration.php\n\u2502   \u251c\u2500\u2500 composer.json<\/pre>\n\n\n\n<p class=\"simple-note\">Assume that we already know how to create basic files for module declaration. So we only discuss two files <span class=\"code\">system.xml<\/span> and <span class=\"code\">config.xml<\/span>.<\/p>\n<h2 class=\"h3\"><strong>1. Uudate file <span class=\"code\">system.xml<\/span> to create Magento 2 theme options<\/strong><\/h2>\n<p>Add below content to this file:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"xml\" 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;config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:module:Magento_Config:etc\/system_file.xsd\">\n    &lt;system>\n        &lt;tab id=\"magerubik\" translate=\"label\" sortOrder=\"99\">\n            &lt;label>Magerubik Extensions&lt;\/label>\n        &lt;\/tab>\n        &lt;section id=\"mrThemes\" translate=\"label\" type=\"text\" sortOrder=\"999\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n            &lt;class>separator-top&lt;\/class>\n            &lt;label>Magerubik Themeoptions&lt;\/label>\n            &lt;tab>magerubik&lt;\/tab>\n            &lt;resource>Magerubik_Themeoptions::config_themeoptions&lt;\/resource>\n\t\t\t&lt;group id=\"general\" translate=\"label\" type=\"text\" sortOrder=\"10\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n\t\t\t\t&lt;label>General&lt;\/label>\n                &lt;field id=\"text_color\" translate=\"label\" type=\"text\" sortOrder=\"1\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n                    &lt;label>Text Color&lt;\/label>\n\t\t\t\t\t&lt;validate>mr-color&lt;\/validate>\n\t\t\t\t\t&lt;comment>\n                        &lt;![CDATA[\n                            &lt;script type=\"text\/javascript\">\n                                require(['mrcolorpicker']);\n                            &lt;\/script>\n                        ]]>\n                    &lt;\/comment>\n                &lt;\/field>\n\t\t\t\t&lt;field id=\"defaul_top_banner_enable\" translate=\"label\" type=\"select\" sortOrder=\"2\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n\t\t\t\t\t&lt;label>Enable defaul top banner&lt;\/label>\n\t\t\t\t\t&lt;source_model>Magento\\Config\\Model\\Config\\Source\\Yesno&lt;\/source_model>\n\t\t\t\t&lt;\/field>\n\t\t\t\t&lt;field id=\"top_banner_image\" translate=\"label\" type=\"image\" sortOrder=\"3\"  showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n                    &lt;label>top banner Image&lt;\/label>\n                    &lt;comment>Allowed file types: jpg, jpeg, gif, png.&lt;\/comment>\n                    &lt;backend_model>Magento\\Config\\Model\\Config\\Backend\\Image&lt;\/backend_model>\n                    &lt;upload_dir config=\"system\/filesystem\/media\" scope_info=\"1\">themeoptions&lt;\/upload_dir>\n                    &lt;base_url type=\"media\" scope_info=\"1\">themeoptions&lt;\/base_url>\n\t\t\t\t\t&lt;depends>\n\t\t\t\t\t\t&lt;field id=\"defaul_top_banner_enable\">1&lt;\/field>\n\t\t\t\t\t&lt;\/depends>\n                &lt;\/field>\n\t\t\t&lt;\/group>\n            &lt;group id=\"font\" translate=\"label\" type=\"text\" sortOrder=\"55\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n                &lt;label>Font&lt;\/label>\n                &lt;field id=\"size\" translate=\"label comment\" type=\"select\" sortOrder=\"0\"  showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n                    &lt;label>Basic Font Size : &lt;\/label>\n                    &lt;source_model>Magerubik\\Themeoptions\\Model\\System\\Config\\Size&lt;\/source_model>\n                &lt;\/field>\n            &lt;\/group>\n        &lt;\/section>     \n    &lt;\/system>\n&lt;\/config><\/pre>\n\n\n\n<p>Then make options font size by create file <span class=\"code\">app\\code\\Magerubik\\Themeoptions\\Model\\System\\Config\\Size.php<\/span> with below content:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php\nnamespace Magerubik\\Themeoptions\\Model\\System\\Config;\n\nclass Size implements \\Magento\\Framework\\Option\\ArrayInterface\n{\n    public function toOptionArray()\n    {\n\t\treturn array(\n\t\t\tarray('value' => '12px',\t'label' => __('12 px')),\n\t\t\tarray('value' => '13px',\t'label' => __('13 px')),\n            array('value' => '14px',\t'label' => __('14 px')),\n            array('value' => '16px',\t'label' => __('16 px'))\n        );\n    }\n}<\/pre>\n\n\n\n<h2 class=\"h3\"><strong>2. Go to the backend to see the result<\/strong><\/h2>\n<p>If you see the below screen evrything is fine.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/theme\/magento-system-config.jpg\" alt=\"Magento system config\"><\/figure>\t\n<p>To learn more about the file&#8217;s component structure, you can refer to <a href=\"https:\/\/devdocs.magento.com\/guides\/v2.4\/config-guide\/prod\/config-reference-systemxml.html\">here<\/a><\/p>\n<p class=\"h3\"><strong>Note<\/strong>:<\/p>\n<p><strong>id<\/strong>: must be unique. So you can add content to a <span class=\"code\">tab<\/span>, <span class=\"code\">section<\/span> from another module. For example: if you want to add content to the shipping method we have <span class=\"code\">section id=&#8221;carriers&#8221;<\/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;config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:module:Magento_Config:etc\/system_file.xsd\">\n    &lt;system>\n        &lt;section id=\"carriers\">\n\t\t\t&lt;!-- Your content -->\n        &lt;\/section>\n    &lt;\/system>\n&lt;\/config><\/pre>\n\n\n\n<p><strong>comment<\/strong>: you can add html by using <span class=\"code\">&lt;![CDATA[\/\/]]&gt;<\/span><\/p>\n<p>like on our example was add the script to make a color picker<\/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;comment>\n\t&lt;![CDATA[\n\t\t&lt;script type=\"text\/javascript\">\n\t\t\trequire(['mrcolorpicker']);\n\t\t&lt;\/script>\n\t]]>\n&lt;\/comment><\/pre>\n\n\n\n<p><strong>validate<\/strong>: you can add default validate class from Magento to make validate fields or add your class to make your style.<\/p>\n<p><strong>frontend_model<\/strong>: use when you want add your html.<\/p>\n<p><strong>backend_model<\/strong>: use when you want to modify the configured values.<\/p>\n<p><strong>source_model<\/strong>: use when you want to provide a specific set of values.<\/p>\n<h2 class=\"h3\"><strong>2. Make Default Values<\/strong><\/h2>\n<p>Create file <span class=\"code\">app\\code\\Magerubik\\Themeoptions\\etc\\config.xml<\/span> then add below content to make default value.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"xml\" 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;config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:module:Magento_Store:etc\/config.xsd\">\n    &lt;default>\n        &lt;mrThemes>&lt;!-- section Id -->\n            &lt;general>&lt;!-- group Id -->\n                &lt;text_color>#333&lt;\/text_color>&lt;!-- field Id -->\n                &lt;defaul_top_banner_enable>0&lt;\/defaul_top_banner_enable>\n                &lt;top_banner_image>default-banner.jpg&lt;\/top_banner_image>\n            &lt;\/general>\n\t\t\t&lt;font>\n                &lt;size>14px&lt;\/size>\n            &lt;\/font>\n        &lt;\/mrThemes>\n    &lt;\/default>\n&lt;\/config><\/pre>\n\n\n\n<p>Go to the backend If you see the below screen evrything is fine.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/theme\/default_config_value.jpg\" alt=\"Magento default config value\"><\/figure>\t\n<blockquote class=\"wp-block-quote\">\n\t<p>Now, we know how to Create Magento 2 theme options with <span class=\"code\">system.xml<\/span> file. In the <a href=\"https:\/\/magerubik.com\/blog\/magento-2-how-to-get-config-value\" title=\"Magento 2 how to get config value\">next posts<\/a> we will learn how to get it on frontend. <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>The important part of the Magento 2 theme is to give clients who are not familiar with complex techniques to<\/p>\n","protected":false},"author":1,"featured_media":231,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,4],"tags":[],"class_list":["post-18","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2-theme-tutorials","category-magento-2-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create Magento 2 theme options | MageRubik<\/title>\n<meta name=\"description\" content=\"The important part of the Magento 2 theme is to give clients who are not familiar with complex techniques to choose from the backend.\" \/>\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\/create-magento-2-theme-options\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Magento 2 theme options | MageRubik\" \/>\n<meta property=\"og:description\" content=\"The important part of the Magento 2 theme is to give clients who are not familiar with complex techniques to choose from the backend.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/\" \/>\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=\"2022-03-04T04:11:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-24T01:43:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.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\/create-magento-2-theme-options\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/\"},\"author\":{\"name\":\"Hilary howard\",\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"headline\":\"Create Magento 2 theme options\",\"datePublished\":\"2022-03-04T04:11:10+00:00\",\"dateModified\":\"2023-04-24T01:43:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/\"},\"wordCount\":352,\"publisher\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"image\":{\"@id\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.jpg\",\"articleSection\":[\"Magento 2 Theme Tutorials\",\"Magento 2 Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/\",\"url\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/\",\"name\":\"Create Magento 2 theme options | MageRubik\",\"isPartOf\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.jpg\",\"datePublished\":\"2022-03-04T04:11:10+00:00\",\"dateModified\":\"2023-04-24T01:43:12+00:00\",\"description\":\"The important part of the Magento 2 theme is to give clients who are not familiar with complex techniques to choose from the backend.\",\"breadcrumb\":{\"@id\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#primaryimage\",\"url\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.jpg\",\"contentUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.jpg\",\"width\":800,\"height\":445,\"caption\":\"Magento crate theme options\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Magerubik blog site\",\"item\":\"https:\/\/magerubik.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Magento 2 theme options\"}]},{\"@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":"Create Magento 2 theme options | MageRubik","description":"The important part of the Magento 2 theme is to give clients who are not familiar with complex techniques to choose from the backend.","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\/create-magento-2-theme-options\/","og_locale":"en_US","og_type":"article","og_title":"Create Magento 2 theme options | MageRubik","og_description":"The important part of the Magento 2 theme is to give clients who are not familiar with complex techniques to choose from the backend.","og_url":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/","og_site_name":"MageRubik","article_publisher":"https:\/\/www.facebook.com\/magerubik","article_author":"https:\/\/www.facebook.com\/magerubik","article_published_time":"2022-03-04T04:11:10+00:00","article_modified_time":"2023-04-24T01:43:12+00:00","og_image":[{"width":800,"height":445,"url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.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\/create-magento-2-theme-options\/#article","isPartOf":{"@id":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/"},"author":{"name":"Hilary howard","@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"headline":"Create Magento 2 theme options","datePublished":"2022-03-04T04:11:10+00:00","dateModified":"2023-04-24T01:43:12+00:00","mainEntityOfPage":{"@id":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/"},"wordCount":352,"publisher":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"image":{"@id":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#primaryimage"},"thumbnailUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.jpg","articleSection":["Magento 2 Theme Tutorials","Magento 2 Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/","url":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/","name":"Create Magento 2 theme options | MageRubik","isPartOf":{"@id":"https:\/\/magerubik.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#primaryimage"},"image":{"@id":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#primaryimage"},"thumbnailUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.jpg","datePublished":"2022-03-04T04:11:10+00:00","dateModified":"2023-04-24T01:43:12+00:00","description":"The important part of the Magento 2 theme is to give clients who are not familiar with complex techniques to choose from the backend.","breadcrumb":{"@id":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#primaryimage","url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.jpg","contentUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magento-create-theme-options.jpg","width":800,"height":445,"caption":"Magento crate theme options"},{"@type":"BreadcrumbList","@id":"https:\/\/magerubik.com\/blog\/create-magento-2-theme-options\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magerubik blog site","item":"https:\/\/magerubik.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Magento 2 theme options"}]},{"@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\/18","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=18"}],"version-history":[{"count":34,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/18\/revisions"}],"predecessor-version":[{"id":620,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/18\/revisions\/620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/media\/231"}],"wp:attachment":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/media?parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/categories?post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/tags?post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}