{"id":4944,"date":"2021-02-17T09:18:47","date_gmt":"2021-02-17T09:18:47","guid":{"rendered":"https:\/\/www.magetop.com\/blog\/?p=4944"},"modified":"2021-02-17T09:56:38","modified_gmt":"2021-02-17T09:56:38","slug":"magetop-product-designer-extension-guide","status":"publish","type":"post","link":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/","title":{"rendered":"Magetop Product Designer Extension Guide"},"content":{"rendered":"\n\n\n<p><strong>Magetop Product Designer Extension Guide<\/strong>&nbsp;will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>I. Introduction<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"306\" data-attachment-id=\"4945\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/magetop-product-designer-extension\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension.jpg?fit=1607%2C615&amp;ssl=1\" data-orig-size=\"1607,615\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Magetop-Product-Designer-Extension\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension.jpg?fit=300%2C115&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension.jpg?fit=800%2C306&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension.jpg?resize=800%2C306&#038;ssl=1\" alt=\"Magetop Product Designer Extension\" class=\"wp-image-4945\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension.jpg?w=1607&amp;ssl=1 1607w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension.jpg?resize=300%2C115&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension.jpg?resize=1024%2C392&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension.jpg?resize=768%2C294&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension.jpg?resize=1536%2C588&amp;ssl=1 1536w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>We have everything that you would want from an <strong><a href=\"https:\/\/www.magetop.com\/magento-2-product-designer-extension.html\" target=\"_blank\" rel=\"noreferrer noopener\">online product design tool<\/a><\/strong>. It is a Web-to-Print tool with diverse features; using which, your customers can create customized and print-ready designs. They can browse from a huge library of images, texts, clipart and ready templates to create personalized designs on any and every device. And this is what makes it fully-responsive!<\/p>\n\n\n\n<p>Highlight features:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Free custom product&#8217;s design.<\/li><li>Save customized design in my account.<\/li><li>Share customized design with my friends.<\/li><li>Free transform text or artwork from libraries.<\/li><li>Crop uploaded photo.<\/li><li>Design on different sides of product.<\/li><li>User-friendly online product designer tool.<\/li><li>Download ready designs in JPG &amp; PNG.<\/li><li>Support QR-code (name, phone, url).<\/li><li>Support zoom in\/out &amp; full screen for design area.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>II. How to use<\/strong><\/h2>\n\n\n\n<p>To customize the product you want, click to <strong>Customize It<\/strong> button on that product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"501\" data-attachment-id=\"4946\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-to-customize-it-button-on-product-page\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-to-Customize-It-button-on-product-page.jpg?fit=1490%2C934&amp;ssl=1\" data-orig-size=\"1490,934\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-to-Customize-It-button-on-product-page\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-to-Customize-It-button-on-product-page.jpg?fit=300%2C188&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-to-Customize-It-button-on-product-page.jpg?fit=800%2C502&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-to-Customize-It-button-on-product-page.jpg?resize=800%2C501&#038;ssl=1\" alt=\"click to Customize It button on product page\" class=\"wp-image-4946\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-to-Customize-It-button-on-product-page.jpg?w=1490&amp;ssl=1 1490w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-to-Customize-It-button-on-product-page.jpg?resize=300%2C188&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-to-Customize-It-button-on-product-page.jpg?resize=1024%2C642&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-to-Customize-It-button-on-product-page.jpg?resize=768%2C481&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>This is the interface of the online product design tool.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-attachment-id=\"4947\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/interface-of-opd\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?fit=1919%2C935&amp;ssl=1\" data-orig-size=\"1919,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Interface-of-OPD\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?fit=800%2C390&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?resize=800%2C390&#038;ssl=1\" alt=\"Interface of OPD\" class=\"wp-image-4947\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?w=1919&amp;ssl=1 1919w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?resize=1024%2C499&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?resize=768%2C374&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?resize=1536%2C748&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Interface-of-OPD.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select sides of the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-attachment-id=\"4948\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/select-sides-of-the-product\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?fit=1919%2C936&amp;ssl=1\" data-orig-size=\"1919,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Select-sides-of-the-product\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?fit=800%2C390&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?resize=800%2C390&#038;ssl=1\" alt=\"Select sides of the product\" class=\"wp-image-4948\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?w=1919&amp;ssl=1 1919w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?resize=1024%2C499&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?resize=768%2C375&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?resize=1536%2C749&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-sides-of-the-product.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Add text for the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"391\" data-attachment-id=\"4949\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/add-text-for-the-product\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?fit=1915%2C937&amp;ssl=1\" data-orig-size=\"1915,937\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Add-text-for-the-product\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?fit=300%2C147&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?fit=800%2C391&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?resize=800%2C391&#038;ssl=1\" alt=\"Add text for the product\" class=\"wp-image-4949\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?w=1915&amp;ssl=1 1915w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?resize=300%2C147&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?resize=1024%2C501&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?resize=768%2C376&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?resize=1536%2C752&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-text-for-the-product.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click clipart you want to add to the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-attachment-id=\"4951\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-clipart-you-want-to-add-to-the-product\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?fit=1919%2C936&amp;ssl=1\" data-orig-size=\"1919,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-clipart-you-want-to-add-to-the-product\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?fit=800%2C390&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?resize=800%2C390&#038;ssl=1\" alt=\"Click clipart you want to add to the product\" class=\"wp-image-4951\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?w=1919&amp;ssl=1 1919w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?resize=1024%2C499&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?resize=768%2C375&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?resize=1536%2C749&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-clipart-you-want-to-add-to-the-product.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click image you want to add to the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-attachment-id=\"4952\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-image-you-want-to-add-to-the-product\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?fit=1919%2C936&amp;ssl=1\" data-orig-size=\"1919,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-image-you-want-to-add-to-the-product\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?fit=800%2C390&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?resize=800%2C390&#038;ssl=1\" alt=\"Click image you want to add to the product\" class=\"wp-image-4952\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?w=1919&amp;ssl=1 1919w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?resize=1024%2C499&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?resize=768%2C375&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?resize=1536%2C749&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-image-you-want-to-add-to-the-product.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click shape you want to add to the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-attachment-id=\"4953\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-shape-you-want-to-add-to-the-product\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?fit=1919%2C935&amp;ssl=1\" data-orig-size=\"1919,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-shape-you-want-to-add-to-the-product\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?fit=800%2C390&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?resize=800%2C390&#038;ssl=1\" alt=\"Click shape you want to add to the product\" class=\"wp-image-4953\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?w=1919&amp;ssl=1 1919w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?resize=1024%2C499&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?resize=768%2C374&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?resize=1536%2C748&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-shape-you-want-to-add-to-the-product.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Upload your image and click it to add to the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-attachment-id=\"4954\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/upload-your-image-and-click-it-to-add-to-the-product\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?fit=1918%2C934&amp;ssl=1\" data-orig-size=\"1918,934\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Upload-your-image-and-click-it-to-add-to-the-product\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?fit=800%2C390&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?resize=800%2C390&#038;ssl=1\" alt=\"Upload your image and click it to add to the product\" class=\"wp-image-4954\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?w=1918&amp;ssl=1 1918w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?resize=1024%2C499&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?resize=768%2C374&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?resize=1536%2C748&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Upload-your-image-and-click-it-to-add-to-the-product.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Setup draw option you want, click <strong>Start Drawing<\/strong> to draw on product and click <strong>Stop Drawing<\/strong> after finish it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-attachment-id=\"4955\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/draw-on-product\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?fit=1919%2C935&amp;ssl=1\" data-orig-size=\"1919,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Draw-on-product\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?fit=800%2C390&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?resize=800%2C390&#038;ssl=1\" alt=\"Draw on product\" class=\"wp-image-4955\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?w=1919&amp;ssl=1 1919w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?resize=1024%2C499&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?resize=768%2C374&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?resize=1536%2C748&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Draw-on-product.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Add your name, phone, url with QR Code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-attachment-id=\"4956\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/add-your-name-phone-url-with-qr-code\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?fit=1919%2C936&amp;ssl=1\" data-orig-size=\"1919,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Add-your-name-phone-url-with-QR-Code\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?fit=800%2C390&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?resize=800%2C390&#038;ssl=1\" alt=\"Add your name, phone, url with QR Code\" class=\"wp-image-4956\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?w=1919&amp;ssl=1 1919w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?resize=1024%2C499&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?resize=768%2C375&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?resize=1536%2C749&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Add-your-name-phone-url-with-QR-Code.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click on an item, customer can select action as copy, delete, change color for it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"396\" data-attachment-id=\"4957\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-on-an-item-and-select-the-action\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-on-an-item-and-select-the-action.jpg?fit=1565%2C775&amp;ssl=1\" data-orig-size=\"1565,775\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-on-an-item-and-select-the-action\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-on-an-item-and-select-the-action.jpg?fit=300%2C149&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-on-an-item-and-select-the-action.jpg?fit=800%2C396&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-on-an-item-and-select-the-action.jpg?resize=800%2C396&#038;ssl=1\" alt=\"Click on an item and select the action\" class=\"wp-image-4957\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-on-an-item-and-select-the-action.jpg?w=1565&amp;ssl=1 1565w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-on-an-item-and-select-the-action.jpg?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-on-an-item-and-select-the-action.jpg?resize=1024%2C507&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-on-an-item-and-select-the-action.jpg?resize=768%2C380&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-on-an-item-and-select-the-action.jpg?resize=1536%2C761&amp;ssl=1 1536w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select actions on online product design tool.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"371\" data-attachment-id=\"4959\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/select-actions-on-online-product-design-tool\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?fit=1903%2C882&amp;ssl=1\" data-orig-size=\"1903,882\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Select-actions-on-online-product-design-tool\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?fit=300%2C139&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?fit=800%2C371&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?resize=800%2C371&#038;ssl=1\" alt=\"Select actions on online product design tool\" class=\"wp-image-4959\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?w=1903&amp;ssl=1 1903w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?resize=300%2C139&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?resize=1024%2C475&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?resize=768%2C356&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?resize=1536%2C712&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-actions-on-online-product-design-tool.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click here to fullscreen<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"380\" data-attachment-id=\"4958\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-here-to-fullscreen\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?fit=1902%2C904&amp;ssl=1\" data-orig-size=\"1902,904\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-here-to-fullscreen\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?fit=300%2C143&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?fit=800%2C380&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?resize=800%2C380&#038;ssl=1\" alt=\"Click here to fullscreen\" class=\"wp-image-4958\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?w=1902&amp;ssl=1 1902w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?resize=300%2C143&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?resize=1024%2C487&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?resize=768%2C365&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?resize=1536%2C730&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-here-to-fullscreen.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>When finish design, click <strong>Save<\/strong> on action bar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"380\" data-attachment-id=\"4961\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-save-on-action-bar\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?fit=1919%2C912&amp;ssl=1\" data-orig-size=\"1919,912\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-Save-on-action-bar\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?fit=300%2C143&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?fit=800%2C380&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?resize=800%2C380&#038;ssl=1\" alt=\"Click Save on action bar\" class=\"wp-image-4961\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?w=1919&amp;ssl=1 1919w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?resize=300%2C143&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?resize=1024%2C487&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?resize=768%2C365&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?resize=1536%2C730&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Save-on-action-bar.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-attachment-id=\"4962\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/login-after-click-save-button\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?fit=1919%2C935&amp;ssl=1\" data-orig-size=\"1919,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Login-after-click-Save-button\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?fit=800%2C390&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?resize=800%2C390&#038;ssl=1\" alt=\"Login after click Save button\" class=\"wp-image-4962\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?w=1919&amp;ssl=1 1919w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?resize=1024%2C499&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?resize=768%2C374&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?resize=1536%2C748&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Login-after-click-Save-button.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>The product image will change to customer design. Product price also change according to design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"395\" data-attachment-id=\"4963\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/the-product-image-will-change-to-customer-design\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?fit=1901%2C937&amp;ssl=1\" data-orig-size=\"1901,937\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"The-product-image-will-change-to-customer-design\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?fit=300%2C148&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?fit=800%2C395&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?resize=800%2C395&#038;ssl=1\" alt=\"The product image will change to customer design\" class=\"wp-image-4963\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?resize=1024%2C505&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?resize=300%2C148&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?resize=768%2C379&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?resize=1536%2C757&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?w=1901&amp;ssl=1 1901w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/The-product-image-will-change-to-customer-design.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>When you added this product to your cart, you will see the design template on Shopping Cart Page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"350\" data-attachment-id=\"4965\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/design-template-of-designed-product-on-shopping-cart-page\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?fit=1903%2C833&amp;ssl=1\" data-orig-size=\"1903,833\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Design-template-of-designed-product-on-Shopping-Cart-Page\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?fit=300%2C131&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?fit=800%2C350&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?resize=800%2C350&#038;ssl=1\" alt=\"Design template of designed product on Shopping Cart Page\" class=\"wp-image-4965\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?w=1903&amp;ssl=1 1903w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?resize=300%2C131&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?resize=1024%2C448&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?resize=768%2C336&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?resize=1536%2C672&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Design-template-of-designed-product-on-Shopping-Cart-Page.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>III. How to configure<\/strong><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>III.1. Configuration<\/strong><\/h4>\n\n\n\n<p>To go to Configuration, choose&nbsp;<strong>ONLINE PRODUCT DESIGN -&gt; OPD Setting<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"388\" data-attachment-id=\"4968\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/go-to-configuration-2-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?fit=1883%2C914&amp;ssl=1\" data-orig-size=\"1883,914\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Configuration-2\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?fit=800%2C388&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?resize=800%2C388&#038;ssl=1\" alt=\"Go to Configuration\" class=\"wp-image-4968\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?w=1883&amp;ssl=1 1883w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?resize=1024%2C497&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?resize=768%2C373&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?resize=1536%2C746&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Configuration-2.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"307\" data-attachment-id=\"4969\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/configuration-1\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?fit=1806%2C692&amp;ssl=1\" data-orig-size=\"1806,692\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Configuration-1\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?fit=300%2C115&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?fit=800%2C306&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?resize=800%2C307&#038;ssl=1\" alt=\"Configuration\" class=\"wp-image-4969\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?w=1806&amp;ssl=1 1806w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?resize=300%2C115&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?resize=1024%2C392&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?resize=768%2C294&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?resize=1536%2C589&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Configuration-1.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p><strong>General Settings<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Enable Extension<\/strong>: Select \u201cYes\u201d to enable Online Product Design Tool.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Min Width<\/strong>: Enter the number of the minimum width of design template.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Min Height<\/strong>: Enter the number of the minimum height of design template.<\/li><\/ul>\n\n\n\n<p>When complete, click <strong>Save Config<\/strong> button.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>III.2. Import Sample Data<\/strong><\/h4>\n\n\n\n<p>Go to <strong>ONLINE PRODUCT DESIGN -&gt; Import Sample Data.<\/strong> <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"389\" data-attachment-id=\"4971\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/go-to-import-sample-data-1\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?fit=1881%2C915&amp;ssl=1\" data-orig-size=\"1881,915\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Import-Sample-Data-1\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?fit=800%2C389&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?resize=800%2C389&#038;ssl=1\" alt=\"Go to Import Sample Data\" class=\"wp-image-4971\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?w=1881&amp;ssl=1 1881w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?resize=1024%2C498&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?resize=768%2C374&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?resize=1536%2C747&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Import-Sample-Data-1.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Import Sample Data and Media Files.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>III.3. View Design on Order Detail Page<\/strong><\/h4>\n\n\n\n<p>To view design of customer, go to <strong>SALES -&gt; Orders<\/strong>. Choose order admin want to see detail. Click to <strong>View Design<\/strong> button in Items Ordered.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"387\" data-attachment-id=\"4973\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-view-design-button-on-order-detail-page\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?fit=1904%2C922&amp;ssl=1\" data-orig-size=\"1904,922\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-View-Design-button-on-Order-Detail-Page\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?fit=300%2C145&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?fit=800%2C388&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?resize=800%2C387&#038;ssl=1\" alt=\"Click View Design button on Order Detail Page\" class=\"wp-image-4973\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?w=1904&amp;ssl=1 1904w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?resize=1024%2C496&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?resize=768%2C372&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?resize=1536%2C744&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-View-Design-button-on-Order-Detail-Page.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Admin will see the design of product ordered by customer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"393\" data-attachment-id=\"4974\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/view-design-of-customer-design\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?fit=1903%2C934&amp;ssl=1\" data-orig-size=\"1903,934\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"View-Design-of-Customer-Design\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?fit=300%2C147&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?fit=800%2C393&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?resize=800%2C393&#038;ssl=1\" alt=\"View Design of Customer Design\" class=\"wp-image-4974\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?w=1903&amp;ssl=1 1903w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?resize=300%2C147&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?resize=1024%2C503&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?resize=768%2C377&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?resize=1536%2C754&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/View-Design-of-Customer-Design.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>III.4. Dashboard<\/strong><\/h4>\n\n\n\n<p>To go to the Dashboard, choose <strong>ONLINE PRODUCT DESIGN -&gt; Dashboard.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"389\" data-attachment-id=\"4977\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/go-to-dashboard\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?fit=1882%2C915&amp;ssl=1\" data-orig-size=\"1882,915\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Dashboard\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?fit=800%2C389&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?resize=800%2C389&#038;ssl=1\" alt=\"Go to Dashboard\" class=\"wp-image-4977\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?w=1882&amp;ssl=1 1882w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?resize=1024%2C498&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?resize=768%2C373&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?resize=1536%2C747&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Dashboard.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>In Online Product Design Dashboard, you can see report about Items, Top Designs, Top Orders.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"310\" data-attachment-id=\"4978\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/online-product-design-dashboard\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?fit=1800%2C697&amp;ssl=1\" data-orig-size=\"1800,697\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Online-Product-Design-Dashboard\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?fit=300%2C116&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?fit=800%2C310&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?resize=800%2C310&#038;ssl=1\" alt=\"Online Product Design Dashboard\" class=\"wp-image-4978\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?w=1800&amp;ssl=1 1800w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?resize=300%2C116&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?resize=1024%2C397&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?resize=768%2C297&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?resize=1536%2C595&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Online-Product-Design-Dashboard.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>III.5. Images Categories<\/strong><\/h4>\n\n\n\n<p>Go to <strong>ONLINE PRODUCT DESIGN -&gt; <strong>Image Categories<\/strong>.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"389\" data-attachment-id=\"4979\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/go-to-images-categories\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?fit=1884%2C915&amp;ssl=1\" data-orig-size=\"1884,915\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Images-Categories\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?fit=800%2C388&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?resize=800%2C389&#038;ssl=1\" alt=\"Go to Images Categories\" class=\"wp-image-4979\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?w=1884&amp;ssl=1 1884w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?resize=1024%2C497&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?resize=768%2C373&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?resize=1536%2C746&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Images-Categories.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>III.5.1. Manage Images Categories<\/strong><\/h5>\n\n\n\n<p>You can filter the desired image categories with the provided filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"413\" data-attachment-id=\"4985\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/filter-the-desired-image-categories\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?fit=1791%2C924&amp;ssl=1\" data-orig-size=\"1791,924\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Filter-the-desired-image-categories\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?fit=800%2C413&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?resize=800%2C413&#038;ssl=1\" alt=\"Filter the desired image categories\" class=\"wp-image-4985\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?w=1791&amp;ssl=1 1791w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?resize=1024%2C528&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?resize=768%2C396&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?resize=1536%2C792&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-image-categories.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select one or more categories by checking the box corresponding to the category you want to select in the first column of the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"414\" data-attachment-id=\"4986\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/select-one-or-more-categories-by-checking-the-box\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?fit=1790%2C927&amp;ssl=1\" data-orig-size=\"1790,927\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Select-one-or-more-categories-by-checking-the-box\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?fit=800%2C414&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?resize=800%2C414&#038;ssl=1\" alt=\"Select one or more categories by checking the box\" class=\"wp-image-4986\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?w=1790&amp;ssl=1 1790w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?resize=1024%2C530&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?resize=1536%2C795&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-categories-by-checking-the-box.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>You can perform Mass Actions for that column such as: Select All, Unselect All, Select Visible, Unselect Visible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"415\" data-attachment-id=\"4987\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/perform-mass-actions-images-categories\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?fit=1792%2C929&amp;ssl=1\" data-orig-size=\"1792,929\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Perform-Mass-Actions-Images-Categories\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?fit=300%2C156&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?fit=800%2C415&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?resize=800%2C415&#038;ssl=1\" alt=\"Perform Mass Actions (Images Categories)\" class=\"wp-image-4987\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?w=1792&amp;ssl=1 1792w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?resize=1024%2C531&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?resize=1536%2C796&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Images-Categories.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select the action you want to perform. Click&nbsp;<strong>Submit<\/strong>&nbsp;button&nbsp;to perform that action.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"414\" data-attachment-id=\"4988\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/perform-action-images-categories\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?fit=1791%2C927&amp;ssl=1\" data-orig-size=\"1791,927\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Perform-Action-Images-Categories\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?fit=800%2C414&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?resize=800%2C414&#038;ssl=1\" alt=\"Perform Action (Images Categories)\" class=\"wp-image-4988\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?w=1791&amp;ssl=1 1791w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?resize=1024%2C530&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?resize=1536%2C795&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Images-Categories.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click <strong>Edit<\/strong> in the last column on the table to edit the category.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"413\" data-attachment-id=\"4989\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-edit-in-the-last-column-images-categories\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?fit=1791%2C924&amp;ssl=1\" data-orig-size=\"1791,924\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-Edit-in-the-last-column-Images-Categories\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?fit=800%2C413&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?resize=800%2C413&#038;ssl=1\" alt=\"Click Edit in the last column (Images Categories)\" class=\"wp-image-4989\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?w=1791&amp;ssl=1 1791w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?resize=1024%2C528&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?resize=768%2C396&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?resize=1536%2C792&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Images-Categories.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>If you have lots of categories, you can choose the number of categories displayed on the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"414\" data-attachment-id=\"4990\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/choose-the-number-of-categories-displayed-on-the-table-images-categories\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?fit=1789%2C925&amp;ssl=1\" data-orig-size=\"1789,925\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Choose-the-number-of-categories-displayed-on-the-table-Images-Categories\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?fit=800%2C413&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?resize=800%2C414&#038;ssl=1\" alt=\"Choose the number of categories displayed on the table (Images Categories)\" class=\"wp-image-4990\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?w=1789&amp;ssl=1 1789w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?resize=1024%2C529&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?resize=768%2C397&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?resize=1536%2C794&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-categories-displayed-on-the-table-Images-Categories.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>III.5.2. Add New Image Category<\/strong><\/h5>\n\n\n\n<p>From the Images Categories page, click <strong>Add New Category<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"414\" data-attachment-id=\"4991\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-add-new-category\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?fit=1791%2C926&amp;ssl=1\" data-orig-size=\"1791,926\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-Add-New-Category\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?fit=800%2C413&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?resize=800%2C414&#038;ssl=1\" alt=\"Click Add New Category\" class=\"wp-image-4991\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?w=1791&amp;ssl=1 1791w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?resize=1024%2C529&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?resize=768%2C397&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?resize=1536%2C794&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Category.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Fill out the Category Information on the form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"320\" data-attachment-id=\"4992\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/fill-out-the-category-information-on-the-form\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?fit=1804%2C721&amp;ssl=1\" data-orig-size=\"1804,721\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Fill-out-the-Category-Information-on-the-form\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?fit=300%2C120&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?fit=800%2C320&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?resize=800%2C320&#038;ssl=1\" alt=\"Fill out the Category Information on the form\" class=\"wp-image-4992\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?w=1804&amp;ssl=1 1804w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?resize=300%2C120&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?resize=1024%2C409&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?resize=768%2C307&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?resize=1536%2C614&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Category-Information-on-the-form.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Title<\/strong>: Enter the title of category.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Status<\/strong>: Select status of category:<ul><li>Enabled.<\/li><li>Disabled.<\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Position<\/strong>: Enter the position of category.<\/li><\/ul>\n\n\n\n<p>When complete, click <strong>Save<\/strong> button.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>III.6. Manage Images<\/strong><\/h4>\n\n\n\n<p>Go to <strong>ONLINE PRODUCT DESIGN -&gt; Manage Images<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"389\" data-attachment-id=\"4993\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/go-to-manage-images\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?fit=1885%2C916&amp;ssl=1\" data-orig-size=\"1885,916\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Manage-Images\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?fit=800%2C389&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?resize=800%2C389&#038;ssl=1\" alt=\"Go to Manage Images\" class=\"wp-image-4993\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?w=1885&amp;ssl=1 1885w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?resize=1024%2C498&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?resize=768%2C373&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?resize=1536%2C746&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Images.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>III.6.1. Manage Images<\/strong><\/h5>\n\n\n\n<p>You can filter the desired images with the provided filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"414\" data-attachment-id=\"4994\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/filter-the-desired-images\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?fit=1805%2C935&amp;ssl=1\" data-orig-size=\"1805,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Filter-the-desired-images\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?fit=800%2C414&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?resize=800%2C414&#038;ssl=1\" alt=\"Filter the desired images\" class=\"wp-image-4994\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?w=1805&amp;ssl=1 1805w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?resize=1024%2C530&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?resize=1536%2C796&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-images.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select one or more images by checking the box corresponding to the image you want to select in the first column of the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"415\" data-attachment-id=\"4995\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/select-one-or-more-images-by-checking-the-box-manage-images\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?fit=1802%2C935&amp;ssl=1\" data-orig-size=\"1802,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Select-one-or-more-images-by-checking-the-box-Manage-Images\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?fit=300%2C156&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?fit=800%2C415&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?resize=800%2C415&#038;ssl=1\" alt=\"Select one or more images by checking the box (Manage Images)\" class=\"wp-image-4995\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?w=1802&amp;ssl=1 1802w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?resize=1024%2C531&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?resize=1536%2C797&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-images-by-checking-the-box-Manage-Images.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>You can perform Mass Actions for that column such as: Select All, Unselect All, Select Visible, Unselect Visible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"414\" data-attachment-id=\"4996\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/perform-mass-actions-manage-images\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?fit=1804%2C934&amp;ssl=1\" data-orig-size=\"1804,934\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Perform-Mass-Actions-Manage-Images\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?fit=300%2C155&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?fit=800%2C414&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?resize=800%2C414&#038;ssl=1\" alt=\"Perform Mass Actions (Manage Images)\" class=\"wp-image-4996\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?w=1804&amp;ssl=1 1804w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?resize=1024%2C530&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?resize=1536%2C795&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Actions-Manage-Images.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select the action you want to perform. Click&nbsp;<strong>Submit<\/strong>&nbsp;button&nbsp;to perform that action.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"415\" data-attachment-id=\"4997\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/perform-action-manage-images\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?fit=1806%2C937&amp;ssl=1\" data-orig-size=\"1806,937\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Perform-Action-Manage-Images\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?fit=300%2C156&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?fit=800%2C415&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?resize=800%2C415&#038;ssl=1\" alt=\"Perform Action (Manage Images)\" class=\"wp-image-4997\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?w=1806&amp;ssl=1 1806w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?resize=1024%2C531&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?resize=1536%2C797&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Images.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click <strong>Edit<\/strong> in the Action column on the table to edit the image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"415\" data-attachment-id=\"4998\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-edit-in-the-action-column-manage-images\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?fit=1804%2C936&amp;ssl=1\" data-orig-size=\"1804,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-Edit-in-the-Action-column-Manage-Images\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?fit=300%2C156&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?fit=800%2C415&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?resize=800%2C415&#038;ssl=1\" alt=\"Click Edit in the Action column (Manage Images)\" class=\"wp-image-4998\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?w=1804&amp;ssl=1 1804w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?resize=1024%2C531&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?resize=1536%2C797&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Images.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>If you have lots of images, you can choose the number of images displayed on the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"415\" data-attachment-id=\"4999\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/choose-the-number-of-images-displayed-on-the-table\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?fit=1803%2C935&amp;ssl=1\" data-orig-size=\"1803,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Choose-the-number-of-images-displayed-on-the-table\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?fit=300%2C156&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?fit=800%2C415&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?resize=800%2C415&#038;ssl=1\" alt=\"Choose the number of images displayed on the table\" class=\"wp-image-4999\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?w=1803&amp;ssl=1 1803w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?resize=1024%2C531&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?resize=768%2C398&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?resize=1536%2C797&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-images-displayed-on-the-table.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>III.6.2. Add New Image<\/strong><\/h5>\n\n\n\n<p>From the Manage Images page, click <strong>Add New Image<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"367\" data-attachment-id=\"5000\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-add-new-image-button\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?fit=1803%2C828&amp;ssl=1\" data-orig-size=\"1803,828\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-Add-New-Image-button\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?fit=300%2C138&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?fit=800%2C367&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?resize=800%2C367&#038;ssl=1\" alt=\"Click Add New Image button\" class=\"wp-image-5000\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?w=1803&amp;ssl=1 1803w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?resize=300%2C138&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?resize=1024%2C470&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?resize=768%2C353&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?resize=1536%2C705&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Image-button.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Fill out the Image Information on the form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"417\" data-attachment-id=\"5001\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/fill-out-the-image-information-on-the-form\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?fit=1790%2C934&amp;ssl=1\" data-orig-size=\"1790,934\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Fill-out-the-Image-Information-on-the-form\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?fit=800%2C417&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?resize=800%2C417&#038;ssl=1\" alt=\"Fill out the Image Information on the form\" class=\"wp-image-5001\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?w=1790&amp;ssl=1 1790w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?resize=1024%2C534&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?resize=768%2C401&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?resize=1536%2C801&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Image-Information-on-the-form.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Title<\/strong>: Enter the title of image.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Status<\/strong>: Select status of image:<ul><li>Enabled.<\/li><li>Disabled.<\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Image Type<\/strong>: Select type of image.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Image Categories<\/strong>: Select categories of image.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Price<\/strong>: Enter the price of image.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Upload Image<\/strong>: Click <strong>Choose File<\/strong> button and upload the image. (Allow image type: png, jpg, jpeg,svg).<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Position<\/strong>: Enter the position of image.<\/li><\/ul>\n\n\n\n<p>Click <strong>Save<\/strong> button when complete.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>III.7. Manage Fonts<\/strong><\/h4>\n\n\n\n<p>To go to the Manage Fonts page, choose <strong>ONLINE PRODUCT DESIGN -&gt; Manage Fonts<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"387\" data-attachment-id=\"5002\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/go-to-manage-fonts\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?fit=1887%2C912&amp;ssl=1\" data-orig-size=\"1887,912\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Manage-Fonts\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?fit=300%2C145&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?fit=800%2C387&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?resize=800%2C387&#038;ssl=1\" alt=\"Go to Manage Fonts\" class=\"wp-image-5002\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?w=1887&amp;ssl=1 1887w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?resize=1024%2C495&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?resize=768%2C371&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?resize=1536%2C742&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Fonts.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>III.7.1. Manage Fonts<\/strong><\/h5>\n\n\n\n<p>You can filter the desired fonts with the provided filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"405\" data-attachment-id=\"5003\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/filter-the-desired-fonts-manage-fonts\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?fit=1789%2C906&amp;ssl=1\" data-orig-size=\"1789,906\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Filter-the-desired-fonts-Manage-Fonts\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?fit=300%2C152&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?fit=800%2C405&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?resize=800%2C405&#038;ssl=1\" alt=\"Filter the desired fonts (Manage Fonts)\" class=\"wp-image-5003\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?w=1789&amp;ssl=1 1789w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?resize=300%2C152&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?resize=1024%2C519&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?resize=768%2C389&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?resize=1536%2C778&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-fonts-Manage-Fonts.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select one or more fonts by checking the box corresponding to the font you want to select in the first column of the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" data-attachment-id=\"5004\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/select-one-or-more-fonts-by-checking-the-box\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?fit=1788%2C936&amp;ssl=1\" data-orig-size=\"1788,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Select-one-or-more-fonts-by-checking-the-box\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?fit=800%2C419&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?resize=800%2C419&#038;ssl=1\" alt=\"Select one or more fonts by checking the box\" class=\"wp-image-5004\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?w=1788&amp;ssl=1 1788w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?resize=1024%2C536&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?resize=768%2C402&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?resize=1536%2C804&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-fonts-by-checking-the-box.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>You can perform Mass Actions for that column such as: Select All, Unselect All, Select Visible, Unselect Visible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"418\" data-attachment-id=\"5005\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/perform-mass-action-manage-fonts\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?fit=1790%2C935&amp;ssl=1\" data-orig-size=\"1790,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Perform-Mass-Action-Manage-Fonts\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?fit=800%2C418&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?resize=800%2C418&#038;ssl=1\" alt=\"Perform Mass Action (Manage Fonts)\" class=\"wp-image-5005\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?w=1790&amp;ssl=1 1790w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?resize=1024%2C535&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?resize=768%2C401&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?resize=1536%2C802&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Fonts.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select the action you want to perform. Click&nbsp;<strong>Submit<\/strong>&nbsp;button&nbsp;to perform that action.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"418\" data-attachment-id=\"5006\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/perform-action-manage-fonts\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?fit=1790%2C935&amp;ssl=1\" data-orig-size=\"1790,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Perform-Action-Manage-Fonts\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?fit=800%2C418&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?resize=800%2C418&#038;ssl=1\" alt=\"Perform Action (Manage Fonts)\" class=\"wp-image-5006\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?w=1790&amp;ssl=1 1790w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?resize=1024%2C535&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?resize=768%2C401&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?resize=1536%2C802&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Fonts.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click <strong>Edit<\/strong> in the last column on the table to edit the font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" data-attachment-id=\"5007\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-edit-in-the-last-column-manage-fonts\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?fit=1790%2C937&amp;ssl=1\" data-orig-size=\"1790,937\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-Edit-in-the-last-column-Manage-Fonts\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?fit=800%2C419&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?resize=800%2C419&#038;ssl=1\" alt=\"Click Edit in the last column (Manage Fonts)\" class=\"wp-image-5007\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?w=1790&amp;ssl=1 1790w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?resize=1024%2C536&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?resize=768%2C402&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?resize=1536%2C804&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-last-column-Manage-Fonts.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>If you have lots of fonts, you can choose the number of fonts displayed on the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"417\" data-attachment-id=\"5008\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/choose-the-number-of-fonts-displayed-on-the-table-manage-fonts\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?fit=1790%2C934&amp;ssl=1\" data-orig-size=\"1790,934\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?fit=800%2C417&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?resize=800%2C417&#038;ssl=1\" alt=\"Choose the number of fonts displayed on the table (Manage Fonts)\" class=\"wp-image-5008\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?w=1790&amp;ssl=1 1790w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?resize=1024%2C534&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?resize=768%2C401&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?resize=1536%2C801&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-fonts-displayed-on-the-table-Manage-Fonts.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>III.7.2. Add New Font<\/strong><\/h5>\n\n\n\n<p>From the Manage Fonts page, click <strong>Add New Font<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"418\" data-attachment-id=\"5009\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-add-new-font-button\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?fit=1793%2C937&amp;ssl=1\" data-orig-size=\"1793,937\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-Add-New-Font-button\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?fit=800%2C418&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?resize=800%2C418&#038;ssl=1\" alt=\"Click Add New Font button\" class=\"wp-image-5009\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?w=1793&amp;ssl=1 1793w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?resize=1024%2C535&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?resize=768%2C401&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?resize=1536%2C803&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Font-button.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Fill out the Font Information on the form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"358\" data-attachment-id=\"5010\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/fill-out-the-font-information-on-the-form\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?fit=1790%2C801&amp;ssl=1\" data-orig-size=\"1790,801\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Fill-out-the-Font-Information-on-the-form\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?fit=300%2C134&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?fit=800%2C358&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?resize=800%2C358&#038;ssl=1\" alt=\"Fill out the Font Information on the form\" class=\"wp-image-5010\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?w=1790&amp;ssl=1 1790w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?resize=300%2C134&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?resize=1024%2C458&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?resize=768%2C344&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?resize=1536%2C687&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Font-Information-on-the-form.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Title<\/strong>: Enter the title of font.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Status<\/strong>: Select status of font:<ul><li>Enabled.<\/li><li>Disabled.<\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Upload Font<\/strong>: Click <strong>Choose File<\/strong> button and upload the font. (Allow type: ttf, otf, woff).<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Position<\/strong>: Enter the position of font.<\/li><\/ul>\n\n\n\n<p>When complete, click <strong>Save<\/strong> button.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>III.8. Manage Colors<\/strong><\/h4>\n\n\n\n<p>Go to <strong>ONLINE PRODUCT DESIGN -&gt; Manage Colors<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"389\" data-attachment-id=\"5012\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/go-to-manage-colors\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?fit=1884%2C915&amp;ssl=1\" data-orig-size=\"1884,915\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-Manage-Colors\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?fit=800%2C388&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?resize=800%2C389&#038;ssl=1\" alt=\"Go to Manage Colors\" class=\"wp-image-5012\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?w=1884&amp;ssl=1 1884w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?resize=1024%2C497&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?resize=768%2C373&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?resize=1536%2C746&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-Manage-Colors.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>III.8.1. Manage Colors<\/strong><\/h5>\n\n\n\n<p>You can filter the desired colors with the provided filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" data-attachment-id=\"5013\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/filter-the-desired-colors\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?fit=1789%2C936&amp;ssl=1\" data-orig-size=\"1789,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Filter-the-desired-colors\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?fit=800%2C419&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?resize=800%2C419&#038;ssl=1\" alt=\"Filter the desired colors\" class=\"wp-image-5013\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?w=1789&amp;ssl=1 1789w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?resize=1024%2C536&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?resize=768%2C402&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?resize=1536%2C804&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Filter-the-desired-colors.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select one or more colors by checking the box corresponding to the color you want to select in the first column of the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"420\" data-attachment-id=\"5016\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/select-one-or-more-colors-by-checking-the-box-manage-colors\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?fit=1783%2C935&amp;ssl=1\" data-orig-size=\"1783,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Select-one-or-more-colors-by-checking-the-box-Manage-Colors\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?fit=800%2C420&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?resize=800%2C420&#038;ssl=1\" alt=\"Select one or more colors by checking the box (Manage Colors)\" class=\"wp-image-5016\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?w=1783&amp;ssl=1 1783w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?resize=1024%2C537&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?resize=768%2C403&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?resize=1536%2C805&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Select-one-or-more-colors-by-checking-the-box-Manage-Colors.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>You can perform Mass Actions for that column such as: Select All, Unselect All, Select Visible, Unselect Visible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" data-attachment-id=\"5018\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/perform-mass-action-manage-colors\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?fit=1787%2C936&amp;ssl=1\" data-orig-size=\"1787,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Perform-Mass-Action-Manage-Colors\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?fit=800%2C419&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?resize=800%2C419&#038;ssl=1\" alt=\"Perform Mass Action (Manage Colors)\" class=\"wp-image-5018\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?w=1787&amp;ssl=1 1787w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?resize=1024%2C536&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?resize=768%2C402&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?resize=1536%2C805&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Mass-Action-Manage-Colors.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Select the action you want to perform. Click&nbsp;<strong>Submit<\/strong>&nbsp;button&nbsp;to perform that action.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"418\" data-attachment-id=\"5019\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/perform-action-manage-colors\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?fit=1790%2C936&amp;ssl=1\" data-orig-size=\"1790,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Perform-Action-Manage-Colors\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?fit=800%2C418&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?resize=800%2C418&#038;ssl=1\" alt=\"Perform Action (Manage Colors)\" class=\"wp-image-5019\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?w=1790&amp;ssl=1 1790w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?resize=1024%2C535&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?resize=768%2C402&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?resize=1536%2C803&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Perform-Action-Manage-Colors.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Click <strong>Edit<\/strong> in the Action column on the table to edit the color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" data-attachment-id=\"5020\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-edit-in-the-action-column-manage-colors\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?fit=1788%2C937&amp;ssl=1\" data-orig-size=\"1788,937\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-Edit-in-the-Action-column-Manage-Colors\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?fit=800%2C420&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?resize=800%2C419&#038;ssl=1\" alt=\"Click Edit in the Action column (Manage Colors)\" class=\"wp-image-5020\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?w=1788&amp;ssl=1 1788w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?resize=1024%2C537&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?resize=768%2C402&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?resize=1536%2C805&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Edit-in-the-Action-column-Manage-Colors.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>If you have lots of colors, you can choose the number of colors displayed on the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" data-attachment-id=\"5021\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/choose-the-number-of-colors-displayed-on-the-table\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?fit=1788%2C936&amp;ssl=1\" data-orig-size=\"1788,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Choose-the-number-of-colors-displayed-on-the-table\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?fit=800%2C419&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?resize=800%2C419&#038;ssl=1\" alt=\"Choose the number of colors displayed on the table\" class=\"wp-image-5021\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?w=1788&amp;ssl=1 1788w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?resize=1024%2C536&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?resize=768%2C402&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?resize=1536%2C804&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Choose-the-number-of-colors-displayed-on-the-table.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>III.8.2. Add New Color<\/strong><\/h5>\n\n\n\n<p>From the Manage Colors page, click <strong>Add New Color<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"418\" data-attachment-id=\"5022\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/click-add-new-color-button\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?fit=1788%2C935&amp;ssl=1\" data-orig-size=\"1788,935\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Click-Add-New-Color-button\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?fit=300%2C157&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?fit=800%2C418&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?resize=800%2C418&#038;ssl=1\" alt=\"Click Add New Color button\" class=\"wp-image-5022\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?w=1788&amp;ssl=1 1788w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?resize=1024%2C535&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?resize=768%2C402&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?resize=1536%2C803&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Click-Add-New-Color-button.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Fill out the Color Information on the form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"346\" data-attachment-id=\"5023\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/fill-out-the-color-information-on-the-form\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?fit=1789%2C773&amp;ssl=1\" data-orig-size=\"1789,773\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Fill-out-the-Color-Information-on-the-form\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?fit=300%2C130&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?fit=800%2C345&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?resize=800%2C346&#038;ssl=1\" alt=\"Fill out the Color Information on the form\" class=\"wp-image-5023\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?w=1789&amp;ssl=1 1789w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?resize=300%2C130&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?resize=1024%2C442&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?resize=768%2C332&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?resize=1536%2C664&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Fill-out-the-Color-Information-on-the-form.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Title<\/strong>: Enter the title of color.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Color<\/strong>: Choose the color.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Status<\/strong>: Select status of color:<ul><li>Enabled.<\/li><li>Disabled.<\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Position<\/strong>: Enter the position of color.<\/li><\/ul>\n\n\n\n<p>Click <strong>Save<\/strong> button when complete.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>IV. Conclude<\/strong><\/h2>\n\n\n\n<p>Above is our guide for&nbsp;<strong><strong>Magetop Product Designer Extension<\/strong><\/strong>. If you have any questions please boldly contact us. We will help you. Thanks for reading.<\/p>\n\n\n\n<p>It comes to the end of the blog:&nbsp;<strong>Magetop Product Designer Extension Guide<\/strong>.<\/p>\n\n\n\n<p>You can read more useful posts like&nbsp;<strong><a href=\"https:\/\/www.magetop.com\/blog\/magetop-mega-menu-extension-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magetop Mega Menu Extension Guide<\/a><\/strong>.<\/p>\n\n\n\n<p>Follow us for the more helpful posts!<\/p>\n\n\n\n<p>We hope this is a useful series for you.<\/p>\n\n\n\n<p>Thank you for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magetop Product Designer Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.<\/p>\n","protected":false},"author":106,"featured_media":5025,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[605,1077,1076,1080,1078,91],"class_list":["post-4944","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2-extension-guides-tech-tips","tag-magetop-extension","tag-magetop-product-designer-extension","tag-magetop-product-designer-extension-guide","tag-opd","tag-product-designer","tag-product-designer-extension"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magetop Product Designer Extension Guide - Magetop Blog<\/title>\n<meta name=\"description\" content=\"Magetop Product Designer Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magetop Product Designer Extension Guide - Magetop Blog\" \/>\n<meta property=\"og:description\" content=\"Magetop Product Designer Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Magetop Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MagetopStore\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-17T09:18:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-17T09:56:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i1.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"445\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aaron LX\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:site\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aaron LX\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/\"},\"author\":{\"name\":\"Aaron LX\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\"},\"headline\":\"Magetop Product Designer Extension Guide\",\"datePublished\":\"2021-02-17T09:18:47+00:00\",\"dateModified\":\"2021-02-17T09:56:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/\"},\"wordCount\":1255,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1\",\"keywords\":[\"Magetop Extension\",\"Magetop Product Designer Extension\",\"Magetop Product Designer Extension Guide\",\"OPD\",\"Product Designer\",\"product designer extension\"],\"articleSection\":[\"Magento 2 Extension Guides &amp; Tech Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/\",\"url\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/\",\"name\":\"Magetop Product Designer Extension Guide - Magetop Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1\",\"datePublished\":\"2021-02-17T09:18:47+00:00\",\"dateModified\":\"2021-02-17T09:56:38+00:00\",\"description\":\"Magetop Product Designer Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end...\",\"breadcrumb\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1\",\"width\":750,\"height\":445,\"caption\":\"Magetop Product Designer Extension Guide\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.magetop.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magetop Product Designer Extension Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"name\":\"Magetop Blog\",\"description\":\"Exploring Magento Tips, Tricks, and Trends\",\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.magetop.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\",\"name\":\"Magetop.com\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"width\":475,\"height\":475,\"caption\":\"Magetop.com\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MagetopStore\",\"https:\/\/x.com\/MagetopStore\",\"https:\/\/www.linkedin.com\/company\/magetop\",\"https:\/\/www.pinterest.com\/magetop\",\"https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\",\"name\":\"Aaron LX\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1\",\"caption\":\"Aaron LX\"},\"description\":\"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.\",\"url\":\"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magetop Product Designer Extension Guide - Magetop Blog","description":"Magetop Product Designer Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end...","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:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/","og_locale":"en_US","og_type":"article","og_title":"Magetop Product Designer Extension Guide - Magetop Blog","og_description":"Magetop Product Designer Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end...","og_url":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/","og_site_name":"Magetop Blog","article_publisher":"https:\/\/www.facebook.com\/MagetopStore","article_published_time":"2021-02-17T09:18:47+00:00","article_modified_time":"2021-02-17T09:56:38+00:00","og_image":[{"width":750,"height":445,"url":"https:\/\/i1.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1","type":"image\/jpeg"}],"author":"Aaron LX","twitter_card":"summary_large_image","twitter_creator":"@MagetopStore","twitter_site":"@MagetopStore","twitter_misc":{"Written by":"Aaron LX","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#article","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/"},"author":{"name":"Aaron LX","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7"},"headline":"Magetop Product Designer Extension Guide","datePublished":"2021-02-17T09:18:47+00:00","dateModified":"2021-02-17T09:56:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/"},"wordCount":1255,"commentCount":0,"publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1","keywords":["Magetop Extension","Magetop Product Designer Extension","Magetop Product Designer Extension Guide","OPD","Product Designer","product designer extension"],"articleSection":["Magento 2 Extension Guides &amp; Tech Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/","url":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/","name":"Magetop Product Designer Extension Guide - Magetop Blog","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1","datePublished":"2021-02-17T09:18:47+00:00","dateModified":"2021-02-17T09:56:38+00:00","description":"Magetop Product Designer Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end...","breadcrumb":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#primaryimage","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1","width":750,"height":445,"caption":"Magetop Product Designer Extension Guide"},{"@type":"BreadcrumbList","@id":"https:\/\/www.magetop.com\/blog\/magetop-product-designer-extension-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.magetop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magetop Product Designer Extension Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.magetop.com\/blog\/#website","url":"https:\/\/www.magetop.com\/blog\/","name":"Magetop Blog","description":"Exploring Magento Tips, Tricks, and Trends","publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magetop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.magetop.com\/blog\/#organization","name":"Magetop.com","url":"https:\/\/www.magetop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","width":475,"height":475,"caption":"Magetop.com"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MagetopStore","https:\/\/x.com\/MagetopStore","https:\/\/www.linkedin.com\/company\/magetop","https:\/\/www.pinterest.com\/magetop","https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA"]},{"@type":"Person","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7","name":"Aaron LX","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1","caption":"Aaron LX"},"description":"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.","url":"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Product-Designer-Extension-Guide.jpg?fit=750%2C445&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/paOdw5-1hK","jetpack-related-posts":[{"id":5027,"url":"https:\/\/www.magetop.com\/blog\/magetop-auto-invoice-and-shipment-extension-guide\/","url_meta":{"origin":4944,"position":0},"title":"Magetop Auto Invoice &#038; Shipment Extension Guide","author":"Aaron LX","date":"February 18, 2021","format":false,"excerpt":"Magetop Auto Invoice & Shipment Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Auto Invoice & Shipment Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Auto-Invoice-Shipment-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Auto-Invoice-Shipment-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Auto-Invoice-Shipment-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Auto-Invoice-Shipment-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5183,"url":"https:\/\/www.magetop.com\/blog\/magetop-delete-orders-extension-guide\/","url_meta":{"origin":4944,"position":1},"title":"Magetop Delete Orders Extension Guide","author":"Aaron LX","date":"March 4, 2021","format":false,"excerpt":"Magetop Delete Orders Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Delete Orders Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5165,"url":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/","url_meta":{"origin":4944,"position":2},"title":"Magetop Ajax Layered Navigation Extension Guide","author":"Aaron LX","date":"March 3, 2021","format":false,"excerpt":"Magetop Ajax Layered Navigation Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Ajax Layered Navigation Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":2318,"url":"https:\/\/www.magetop.com\/blog\/quick-order-extension-guide\/","url_meta":{"origin":4944,"position":3},"title":"Magetop Quick Order Extension Guide","author":"Adam Roger","date":"June 1, 2020","format":false,"excerpt":"Magetop Quick Order Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Quick Order Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/06\/Magetop-Quick-Order-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/06\/Magetop-Quick-Order-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/06\/Magetop-Quick-Order-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/06\/Magetop-Quick-Order-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5302,"url":"https:\/\/www.magetop.com\/blog\/magetop-advanced-review-extension-guide\/","url_meta":{"origin":4944,"position":4},"title":"Magetop Advanced Review Extension Guide","author":"Aaron LX","date":"March 18, 2021","format":false,"excerpt":"Magetop Advanced Review Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Advanced Review Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Advanced-Review-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Advanced-Review-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Advanced-Review-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Advanced-Review-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5362,"url":"https:\/\/www.magetop.com\/blog\/magetop-ajax-cart-extension-guide\/","url_meta":{"origin":4944,"position":5},"title":"Magetop Ajax Cart Extension Guide","author":"Aaron LX","date":"March 20, 2021","format":false,"excerpt":"Magetop Ajax Cart Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Ajax Cart Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/4944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/comments?post=4944"}],"version-history":[{"count":8,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/4944\/revisions"}],"predecessor-version":[{"id":5026,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/4944\/revisions\/5026"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media\/5025"}],"wp:attachment":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media?parent=4944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/categories?post=4944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/tags?post=4944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}