{"id":13027,"date":"2021-09-21T02:57:06","date_gmt":"2021-09-21T08:27:06","guid":{"rendered":"https:\/\/www.emizentech.com\/blog\/?p=13027"},"modified":"2023-01-30T10:58:02","modified_gmt":"2023-01-30T10:58:02","slug":"create-a-custom-theme-in-shopware-6","status":"publish","type":"post","link":"https:\/\/multisitelocal.ezxdemo.com\/blog\/create-a-custom-theme-in-shopware-6.html","title":{"rendered":"How To Create A Custom Theme In Shopware 6"},"content":{"rendered":"<p>Shopware 6 themes are essential for maintaining a consistent aesthetic and mood for an online store. By combining custom designs, templates, images, and style development. You can improve your storefront&#8217;s visual appeal.<\/p>\n<p>Most artistic Shopware theme designers, on the other hand, find it simple to create a custom Shopware 6 theme. To that end, you&#8217;ll need ssh access and to ensure that file and folder permissions, as well as ownership, are properly set up. After that, you&#8217;re all set.<\/p>\n<p>Today, we&#8217;ll show you how to make a custom theme in Shopware 6. <img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-12369\" src=\"\/blog\/wp-content\/uploads\/sites\/2\/2021\/09\/Create-A-Custom-Theme-In-Shopware-6.jpg\" alt=\"Create A Custom Theme In Shopware 6\" width=\"1200\" height=\"650\"><\/p>\n<p>Plugins and themes in Shopware 6 are both displayed in the backend under the plugin section. To inspect all plugins or themes, go to \u2018settings,&#8217; then \u2018system,&#8217; and finally \u2018Plugins.&#8217;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Firstly_Run_%E2%80%98Php_Binconsole_Theme_create_Emizentechtheme_In_Your_Project_Root_Terminal\"><\/span>Step 1: Firstly Run \u2018Php Bin\/console Theme:create Emizentechtheme\u2019 In Your Project Root Terminal.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Now_check_%E2%80%98composerjson_under_%E2%80%98custompluginsEmizentechtheme_folder_and_update_name_description_and_label_for_different_language_value\"><\/span>Step 2: Now check \u2018composer.json\u2019 under \u2018custom\/plugins\/Emizentechtheme\u2019 folder and update name description and label for different language value.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><code>\t{<br>\n\"name\": \"emizentechtheme\/theme\",  \/\/ this name will show as name label when you install\/activate your plugin.<br>\n\"description\": \"Emizentech Theme development\",  \/\/ this name will show as description when you install\/activate your plugin.<br>\n\"type\": \"shopware-platform-plugin\",<br>\n\"license\": \"MIT\",<br>\n\"autoload\": {<br>\n\"psr-4\": {<br>\n\"Emizentechtheme\\\\\": \"src\/\"<br>\n}<br>\n},<br>\n\"extra\": {<br>\n\"shopware-plugin-class\": \"Emizentechtheme\\\\Emizentechtheme\",<br>\n\"label\": { \/\/ snippets for your theme<br>\n\"de-DE\": \"Theme Emizentechtheme plugin\",<br>\n\"en-GB\": \"Theme Emizentechtheme plugin\"<br>\n}<br>\n}<br>\n}<\/code><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Update_name_and_author_in_%E2%80%98themejson\"><\/span>Step 3: Update name and author in \u2018theme.json\u2019<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><code>{<br>\n\"name\": \"Emizentechtheme\",<br>\n\"author\": \"Emizentech\",<br>\n\"views\": [<br>\n\"@Storefront\", \/\/ these are the settings for template from where your theme will override and use templates.<br>\n\"@Plugins\",<br>\n\"@Emizentechtheme\"<br>\n],<br>\n\"style\": [<br>\n\"@Storefront\",<br>\n\"app\/storefront\/src\/scss\/base.scss\" \/\/ From here it will use the styling<br>\n],<br>\n\"script\": [<br>\n\"@Storefront\",<br>\n\"app\/storefront\/dist\/storefront\/js\/emizentechtheme .js\" \/\/From here it will generate the js<br>\n],<br>\n\"asset\": [<br>\n\"app\/storefront\/src\/assets\" \/\/If you want add any type of assets you can put it in here and use it<br>\n]<br>\n}<\/code><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Once_everything_is_updated_you_can_check_your_theme_under_the_%E2%80%98settings_and_plugins_section\"><\/span>Step 4: Once everything is updated you can check your theme under the \u2018settings\u2019 and plugins section.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"Step_5_Now_you_can_install_and_activate_the_theme_from_the_backend_You_can_not_activate_a_theme_without_installing_it\"><\/span>Step 5: Now you can install and activate the theme from the backend. You can not activate a theme without installing it.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12373\" src=\"\/blog\/wp-content\/uploads\/sites\/2\/2021\/09\/shopware-theme-install.jpg\" alt=\"shopware theme install\" width=\"1479\" height=\"589\"><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_6_Go_to_the_shop_section_and_click_on_the_%E2%80%98change_theme_button_to_assign_the_theme_to_the_website\"><\/span>Step 6: Go to the shop section and click on the \u2018change theme&#8217; button to assign the theme to the website.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12372\" src=\"\/blog\/wp-content\/uploads\/sites\/2\/2021\/09\/change-Shopware-theme.png\" alt=\"change Shopware theme\" width=\"1795\" height=\"641\"><br>\nIf you are struggling with designing a custom theme on Shopware 6 then hiring a professional <a href=\"https:\/\/multisitelocal.ezxdemo.com\/shopware-development.html\" target=\"_blank\" rel=\"noopener\">Shopware development company<\/a> is a good idea. We at Emizentech have professional Shopware developers who are good at developing feature-rich e-commerce stores for various niches.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Shopware 6 themes are essential for maintaining a consistent aesthetic and mood for an online store. By combining custom designs, templates, images, and style development. You can improve your storefront&#8217;s visual appeal. Most artistic Shopware theme designers, on the other hand, find it simple to create a custom Shopware 6 theme. To that end, you&#8217;ll<\/p>\n","protected":false},"author":36,"featured_media":13029,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"MSN_Categories":"Uncategorized","MSN_Publish_Option":false,"MSN_Is_Local_News":false,"MSN_Is_AIAC_Included":"Empty","MSN_Location":"[]","MSN_Add_Feature_Img_On_Top_Of_Post":false,"MSN_Has_Custom_Author":false,"MSN_Custom_Author":"","MSN_Has_Custom_Canonical_Url":false,"MSN_Custom_Canonical_Url":"","_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[85],"tags":[84],"class_list":{"0":"post-13027","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-shopware","8":"tag-shopware"},"modified_by":"Marketing EmizenTech","featured_image_src":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-content\/uploads\/sites\/2\/2021\/09\/Create-A-Custom-Theme-In-Shopware-6-1.jpg","featured_image_src_square":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-content\/uploads\/sites\/2\/2021\/09\/Create-A-Custom-Theme-In-Shopware-6-1.jpg","author_info":{"display_name":"Vivek Khatri","author_link":"https:\/\/multisitelocal.ezxdemo.com\/blog\/author\/vivek"},"_links":{"self":[{"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/posts\/13027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/comments?post=13027"}],"version-history":[{"count":0,"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/posts\/13027\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/media\/13029"}],"wp:attachment":[{"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/media?parent=13027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/categories?post=13027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multisitelocal.ezxdemo.com\/blog\/wp-json\/wp\/v2\/tags?post=13027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}