{"id":3409,"date":"2019-11-05T11:11:53","date_gmt":"2019-11-05T05:41:53","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=3409"},"modified":"2020-10-20T13:15:57","modified_gmt":"2020-10-20T07:45:57","slug":"layout-setting","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-recent-sales-notification-extension\/layout-setting\/","title":{"rendered":"Layout Setting"},"content":{"rendered":"<p>From notification layout, you can select predefined notification layout from below dropdown or can define your own.<\/p>\n<p>By default, you have three options to give personalized touch to notification.<\/p>\n<ol>\n<li>Select Custom Background color<\/li>\n<li>Upload Custom Background Image<\/li>\n<li>Select any template from predefined layouts<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Notification with Custom Background Color<\/strong><\/li>\n<\/ul>\n<p>You can pick a color using color picker to set custom background color to display in store frontend notification popup.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-9590\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/2_notification_background_color.png\" alt=\"notification_background_color\" width=\"924\" height=\"192\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/2_notification_background_color.png 924w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/2_notification_background_color-300x62.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/2_notification_background_color-768x160.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/2_notification_background_color-600x125.png 600w\" sizes=\"(max-width: 924px) 100vw, 924px\" \/><\/p>\n<ul>\n<li><strong>Notification Layout using Custom Image Upload<\/strong><\/li>\n<\/ul>\n<p>You can also upload your own custom background image using file picker option available at below layout settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9591\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/3_notification_background_image_upload.png\" alt=\"notification_background_image_upload\" width=\"943\" height=\"212\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/3_notification_background_image_upload.png 943w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/3_notification_background_image_upload-300x67.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/3_notification_background_image_upload-768x173.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/3_notification_background_image_upload-600x135.png 600w\" sizes=\"(max-width: 943px) 100vw, 943px\" \/><\/p>\n<ul>\n<li><strong>Notification Layout using Default Templates<\/strong><\/li>\n<\/ul>\n<p>To give trendy look to recent sales notification popup you can pick any style from predefined templates.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8737\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/5_notification_templates.png\" alt=\"\" width=\"930\" height=\"1195\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/5_notification_templates.png 930w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/5_notification_templates-233x300.png 233w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/5_notification_templates-797x1024.png 797w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/5_notification_templates-768x987.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/11\/5_notification_templates-600x771.png 600w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3405,"menu_order":2,"template":"","manualdocumentationcategory":[1943],"manual_doc_tag":[],"class_list":["post-3409","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-recent-sales-notification"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/3409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/3409\/revisions"}],"predecessor-version":[{"id":9592,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/3409\/revisions\/9592"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/3405"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=3409"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=3409"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=3409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}