{"id":1265,"date":"2024-03-18T19:02:20","date_gmt":"2024-03-18T13:32:20","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=1265"},"modified":"2025-01-28T14:06:28","modified_gmt":"2025-01-28T08:36:28","slug":"how-to-install-colour-order-grid-in-magento-2","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/","title":{"rendered":"How To Install Colour Order Grid In Magento 2 \u00a0 \u00a0"},"content":{"rendered":"\n<p>Hello Everyone,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>In this blog we will learn how to install colour order grid extension in Magento 2?&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>Colour Order Grid extension for Magento 2 by Magecurious allows store admins to manage per colour order grid.&nbsp;<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/commercemarketplace.adobe.com\/magecurious-magento-2-ordergridcolors.html\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"This extension was approved by Magento Marketplace\">This extension was approved by Magento Marketplace<\/a><\/strong>.<\/p>\n\n\n\n<p>Magento administration enables our extension from configuration, assigning a colour to each order status from configuration and managing orders quickly and easily.With all the relevant information right in front of you, you no longer need to visit every order to see it.&nbsp;<\/p>\n\n\n\n<p>Without wasting your time, let us guide you straight away. Follow the easy step given below to install sign in with <a href=\"https:\/\/magecurious.com\/magento-2-color-order-grid.html\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"colour order grid\">colour order grid<\/a> extension and&nbsp; to Configure it.&nbsp;<\/p>\n\n\n\n<p><strong>WHAT ARE THE&nbsp; FEATURES OF COLOUR ORDER GRID?&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable or disable from Magneto admin.<\/li>\n\n\n\n<li>Free available, no need to pay for it.<\/li>\n\n\n\n<li>Easily add or remove colour for each order status.<\/li>\n\n\n\n<li>Totally open source code and easy to customise.&nbsp;<\/li>\n\n\n\n<li>Set order grid rows with different background colours for different order statuses.<\/li>\n<\/ul>\n\n\n\n<p><strong>STEPS FOR INSTALL COLOUR ORDER GRID IN MAGENTO 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<p><strong>STEP 1:<\/strong><strong> <\/strong>Extract downloaded extension package in your magento root folder using FTP(File Transfer Protocol) Tools. For verification of root folder you can see some folders inside magento root folder like app,bin,lib,php server and vendor etc.&nbsp;<\/p>\n\n\n\n<p><strong>STEP 2: <\/strong>Next Need to run some magento commands to install extension in your system , so connect with your server via SSH and go to magento root folder (e.g : cd \/var\/www\/html\/magento 245p1) and run below commands one by one.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>php bin\/magento setup:upgrade&nbsp;&nbsp;<\/li>\n\n\n\n<li>php bin\/magento setup:static-content:deploy -f&nbsp;<\/li>\n\n\n\n<li>php bin\/magento indexer:reindex&nbsp;&nbsp;<\/li>\n\n\n\n<li>php bin\/magento cache:clean&nbsp;&nbsp;<\/li>\n\n\n\n<li>php bin\/magento cache:flush&nbsp;&nbsp;<\/li>\n\n\n\n<li>chmod-R 777 var\/ pub\/ generated\/<\/li>\n<\/ul>\n\n\n\n<p><strong>STEP 3: <\/strong>If your all commands run successfully then login to your system Admin Panel and goto Store &gt; Configuration , if you will see new Tab in left side bar with <a href=\"https:\/\/magecurious.com\/magento-2-extensions.html\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"MageCurious\">MageCurious<\/a> Logo it means extension installed successfully.&nbsp;<\/p>\n\n\n\n<p><strong>STEPS FOR CONNECT COLOUR ORDER GRID WITH MAGENTO 2&nbsp;<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>STEP 1:<\/strong><strong>&#8211; <\/strong>&nbsp;To Configure Extension go to <strong>Stores &gt; Configuration &gt; MageCurious TAb &gt; Order Grid Colors.&nbsp;<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/SFSWF2UkMferv9sVB7Y1dY2kWzrObNK_2QAQiLGGwJxxWjsh_zAYusqw_C9g870Slw60guy-MsyAo1-cF9Q43hmO-S-Lbr3yf0RE4Wr2if_LfkTdSYnSooFWMGLDDUxPFMf8l7f6jVAGVgLEU1FLqjA\" alt=\"\"\/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>STEP 2:- In General Configuration:<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>&nbsp;Enabled: <\/strong>Select Enable Order Color Yes The Module.&nbsp;<\/li>\n\n\n\n<li><strong>Availability Map : <\/strong>Select Order Status and Color(colour picker)&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Now when you access your sales order grid the orders with the configure status will have the background colour that you configured.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/2Y1hbHJI4yniC1f1jNAL8qk2nNjTUZbUEQOewvIfZ_6fJrW7S7-xzjZUATqttdz4MfG3YNtyXg8-fAZZ4gp3_41QJ3Z09yjSssMcyONr1x-N-i3Jxpt-HRbaZJcpkG07dBdtRYmnZ0YfqwM3I_-EEcI\" alt=\"\"\/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Final Thoughts:&nbsp;&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<p>So this was the easiest way which we have told you in this blog. This is how you can&nbsp; install colour order grid extension in Magento 2. Hope you liked the blog.&nbsp;&nbsp;<\/p>\n\n\n\n<p>So quickly go to the comment box and tell me how you like this blog?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stay tuned with us on our site to get new updates of Magento.&nbsp;<\/strong><\/h3>\n\n\n\n<p>Thanks for reading and visiting our site.<\/p>\n\n\n<!-- FeedbackWP Plugin --><div  class=\"rmp-widgets-container rmp-wp-plugin rmp-main-container js-rmp-widgets-container js-rmp-widgets-container--1265 \"  data-post-id=\"1265\">    <!-- Rating widget -->  <div class=\"rmp-rating-widget js-rmp-rating-widget\">          <p class=\"rmp-heading rmp-heading--title\">        How useful was this post?      <\/p>              <p class=\"rmp-heading rmp-heading--subtitle\">        Click on a star to rate it!      <\/p>        <div class=\"rmp-rating-widget__icons\">      <ul class=\"rmp-rating-widget__icons-list js-rmp-rating-icons-list\">                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Not at all useful\" data-value=\"1\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star \"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Somewhat useful\" data-value=\"2\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star \"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Useful\" data-value=\"3\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star \"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Fairly useful\" data-value=\"4\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star \"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Very useful\" data-value=\"5\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star \"><\/i>          <\/li>              <\/ul>    <\/div>    <p class=\"rmp-rating-widget__hover-text js-rmp-hover-text\"><\/p>        <button class=\"rmp-rating-widget__submit-btn rmp-btn js-submit-rating-btn\">      Submit Rating    <\/button>    <p class=\"rmp-rating-widget__results js-rmp-results rmp-rating-widget__results--hidden\">      Average rating <span class=\"rmp-rating-widget__results__rating js-rmp-avg-rating\">0<\/span> \/ 5. Vote count: <span class=\"rmp-rating-widget__results__votes js-rmp-vote-count\">0<\/span>    <\/p>    <p class=\"rmp-rating-widget__not-rated js-rmp-not-rated \">      No votes so far! Be the first to rate this post.    <\/p>    <p class=\"rmp-rating-widget__msg js-rmp-msg\"><\/p>  <\/div>  <!--Structured data -->        <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hello Everyone,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; In this blog we will learn how to install colour order grid extension in Magento 2?&nbsp;&nbsp;&nbsp; Colour Order Grid extension for Magento 2 by Magecurious allows store admins to manage per colour order grid.&nbsp; This extension was approved by Magento Marketplace. Magento administration enables our extension from configuration, assigning a colour to each [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1335,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[38],"tags":[],"class_list":["post-1265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2-extensions"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Install Colour Order Grid In Magento 2 \u00a0 \u00a0 - Magecurious<\/title>\n<meta name=\"description\" content=\"Learn to install the color order grid in Magento 2 to enhance order management and improve visual tracking of product variants in your store.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Install Colour Order Grid In Magento 2 \u00a0 \u00a0 - Magecurious\" \/>\n<meta property=\"og:description\" content=\"Learn to install the color order grid in Magento 2 to enhance order management and improve visual tracking of product variants in your store.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Magecurious\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-18T13:32:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-28T08:36:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2024\/03\/COLOUR-ORDER-GRID-BANNER.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"496\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Magecurious\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Magecurious\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Install Colour Order Grid In Magento 2 \u00a0 \u00a0 - Magecurious","description":"Learn to install the color order grid in Magento 2 to enhance order management and improve visual tracking of product variants in your store.","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:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/","og_locale":"en_US","og_type":"article","og_title":"How To Install Colour Order Grid In Magento 2 \u00a0 \u00a0 - Magecurious","og_description":"Learn to install the color order grid in Magento 2 to enhance order management and improve visual tracking of product variants in your store.","og_url":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/","og_site_name":"Magecurious","article_published_time":"2024-03-18T13:32:20+00:00","article_modified_time":"2025-01-28T08:36:28+00:00","og_image":[{"width":1200,"height":496,"url":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2024\/03\/COLOUR-ORDER-GRID-BANNER.png","type":"image\/png"}],"author":"Magecurious","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Magecurious","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/#article","isPartOf":{"@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/"},"author":{"name":"Magecurious","@id":"https:\/\/magecurious.com\/blog\/#\/schema\/person\/6bced7da0991e7fbbd4550006a6494e2"},"headline":"How To Install Colour Order Grid In Magento 2 \u00a0 \u00a0","datePublished":"2024-03-18T13:32:20+00:00","dateModified":"2025-01-28T08:36:28+00:00","mainEntityOfPage":{"@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/"},"wordCount":526,"commentCount":0,"publisher":{"@id":"https:\/\/magecurious.com\/blog\/#organization"},"image":{"@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2024\/03\/COLOUR-ORDER-GRID-BANNER.png","articleSection":["Magento 2 Extensions"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/","url":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/","name":"How To Install Colour Order Grid In Magento 2 \u00a0 \u00a0 - Magecurious","isPartOf":{"@id":"https:\/\/magecurious.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/#primaryimage"},"image":{"@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2024\/03\/COLOUR-ORDER-GRID-BANNER.png","datePublished":"2024-03-18T13:32:20+00:00","dateModified":"2025-01-28T08:36:28+00:00","description":"Learn to install the color order grid in Magento 2 to enhance order management and improve visual tracking of product variants in your store.","breadcrumb":{"@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/#primaryimage","url":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2024\/03\/COLOUR-ORDER-GRID-BANNER.png","contentUrl":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2024\/03\/COLOUR-ORDER-GRID-BANNER.png","width":1200,"height":496},{"@type":"BreadcrumbList","@id":"https:\/\/magecurious.com\/blog\/how-to-install-colour-order-grid-in-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/magecurious.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Install Colour Order Grid In Magento 2 \u00a0 \u00a0"}]},{"@type":"WebSite","@id":"https:\/\/magecurious.com\/blog\/#website","url":"https:\/\/magecurious.com\/blog\/","name":"Magecurious","description":"Blog","publisher":{"@id":"https:\/\/magecurious.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magecurious.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/magecurious.com\/blog\/#organization","name":"Magecurious","url":"https:\/\/magecurious.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecurious.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2026\/03\/cropped-New_Project.png","contentUrl":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2026\/03\/cropped-New_Project.png","width":596,"height":113,"caption":"Magecurious"},"image":{"@id":"https:\/\/magecurious.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/magecurious.com\/blog\/#\/schema\/person\/6bced7da0991e7fbbd4550006a6494e2","name":"Magecurious","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecurious.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c9178df2190b2309da97c9f28dd475bc338275cf664d12678d7e5da51c761271?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c9178df2190b2309da97c9f28dd475bc338275cf664d12678d7e5da51c761271?s=96&d=mm&r=g","caption":"Magecurious"},"sameAs":["https:\/\/magecurious.com"],"url":"https:\/\/magecurious.com\/blog\/author\/magecurious-wp\/"}]}},"jetpack_featured_media_url":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2024\/03\/COLOUR-ORDER-GRID-BANNER.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/posts\/1265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/comments?post=1265"}],"version-history":[{"count":0,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/posts\/1265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/media\/1335"}],"wp:attachment":[{"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/media?parent=1265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/categories?post=1265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/tags?post=1265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}