{"id":282983,"date":"2021-03-09T10:26:56","date_gmt":"2021-03-09T10:26:56","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=282983"},"modified":"2023-10-19T13:26:28","modified_gmt":"2023-10-19T13:26:28","slug":"cart-scanner-for-magento2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/","title":{"rendered":"Shopping Cart Scanner for Magento 2"},"content":{"rendered":"\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Introduction<\/h3>\n<\/div><\/div>\n\n\n\n<p>The <strong>Shopping Cart scanner module for Magento 2<\/strong> <strong>(Adobe Commerce)<\/strong> helps the users to scan the item in the cart in offline mode. The users can scan the cart through the mobile and will able to see the item that is added to the cart.<\/p>\n\n\n\n<p>Also, the user can place the order of the added product from the mobile phone. This module is also compatible with Progressive Web Application and works for guest users too.<\/p>\n\n\n\n<p>Moreover, the other customer can also do the checkout by scanning the cart QR Code of another customer. Or the customer can also share their cart with other users using the QR Code. The QR Code will also appear on the landing page and the shopping cart page of the website.<\/p>\n\n\n\n<p><strong>Note &#8211;<\/strong> This module is compatible with <strong>Webkul&#8217;s <\/strong><a href=\"https:\/\/store.webkul.com\/magento2-progressive-web-app.html\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Magento 2<\/strong> <strong>Progressive Web Application<\/strong><\/a><strong> (PWA)<\/strong>. So, if any client is using Webkul&#8217;s Magento 2 PWA, then this module works for the PWA as well.<\/p>\n\n\n\n<p>Check the overview of the plugin in the video mentioned-below: <\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"PDCg19q8vrI\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The user will be able to scan the shopping cart in offline mode.<\/li>\n\n\n\n<li>The users can also scan the cart from the shopping cart page.<\/li>\n\n\n\n<li>The website users will get a scan option on the top menu bar of their mobile phone.<\/li>\n\n\n\n<li>This module also works for guest users.<\/li>\n\n\n\n<li>The other customer can also do the checkout by scanning the cart QR Code of another customer.<\/li>\n\n\n\n<li>The customer can also share their cart with others using the QR Code.<\/li>\n\n\n\n<li>The QR Code will appear on the landing page too.<\/li>\n\n\n\n<li>Also, on the shopping cart page, the QR Code will appear that helps the customer to scan their cart.<\/li>\n\n\n\n<li>Shopping Cart Scanner module for Magento 2 is compatible with Progressive Web Application as well.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation<\/h3>\n<\/div><\/div>\n\n\n\n<p>Customers will get a zip folder and they have to extract the contents of this zip folder on their system.<\/p>\n\n\n\n<p>The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" alt=\"Installation Of Magento2 Product Label\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>After the successful installation, you have to run the command on Magento2 root directory-<strong>\u201cphp bin\/magento setup:upgrade\u201d<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"578\" height=\"109\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd1-1.png\" alt=\"command-1\" class=\"wp-image-201324\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd1-1.png 578w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd1-1.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd1-1.png 300w\" sizes=\"(max-width: 578px) 100vw, 578px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Now run this command into the Magento2 root \u2013 \u201c<strong>php bin\/magento setup:di:compile<\/strong>\u201d<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"635\" height=\"128\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd2-1.png\" alt=\"command-2\" class=\"wp-image-201325\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd2-1.png 635w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd2-1.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd2-1.png 300w\" sizes=\"(max-width: 635px) 100vw, 635px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Also, run this command into the Magento2 Root-&nbsp;<strong>\u201cphp bin\/magento setup:static-content:deploy\u201d<\/strong>&nbsp;You can refer the below screenshot.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"620\" height=\"122\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd3-1.png\" alt=\"command-3\" class=\"wp-image-201326\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd3-1.png 620w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd3-1.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/cmd3-1.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Subsequently, after running the commands, you have to flush the cache from Magento admin panel by navigating through<strong>-&gt;System-&gt;Cache management<\/strong>&nbsp;as shown below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4-13.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/4-13.png\" alt=\"Installation Of Magento2 Product Label\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Multi-Lingual Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>For Multilingual support, please navigate to&nbsp;<strong>Store&gt;Configuration&gt;General &gt;Locale Options<\/strong>. And select your desired language from the&nbsp;<strong>Locale&nbsp;<\/strong>option.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale.png\" alt=\"change language-magento 2 locale\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Language Translation<\/h3>\n<\/div><\/div>\n\n\n\n<p>If you need to do the module translation, please navigate to the following path in your system&nbsp;<strong>app\/code\/Webkul\/CartScanner\/i18n<\/strong>.<br>Open the file named&nbsp;<strong>en_US.CSV&nbsp;<\/strong>for editing as shown in the below screenshot.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/22-3.png\" alt=\"Magento2 Change CSV language file\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Once you have opened the file for editing. Replace the words after the<strong>&#8221; comma(,)&#8221;<\/strong>on the right with your translated words.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/33-2.png\" alt=\"Magento2 Change Language\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as \u2013 de_DE.CSV. Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2016-05-02_16-25-34-3.png\" alt=\"Magento2 Change CSV Language file\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Workflow<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the module, the admin need to enable the cart scanner from the general settings by navigating<strong> stores -&gt; configuration -&gt; Cart Scanner -&gt; General settings <\/strong>as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"508\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2856_2_-1200x508.png\" alt=\"selection_2856_2_\" class=\"wp-image-395068\" style=\"width:811px;height:343px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2856_2_-1200x508.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2856_2_-300x127.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2856_2_-250x106.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2856_2_-768x325.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2856_2_.png 1453w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>If any website user has added some of the products into the cart, but meanwhile the network gets disconnected, then they&#8217;ll see a QR Code on their screen. For reference, you can check below:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1200\" height=\"549\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Jackets-Tops-Men-1200x549.png\" alt=\"Cart Scanner\" class=\"wp-image-284102\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Jackets-Tops-Men-1200x549.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Jackets-Tops-Men-300x137.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Jackets-Tops-Men-250x114.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Jackets-Tops-Men-768x351.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Jackets-Tops-Men.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>When the customer will open the website on their mobile, then they&#8217;ll see a scan option on the top menu bar. For reference, check below:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-1-1.png\" alt=\"mockup-1-1\" class=\"wp-image-395304\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-1-1.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-1-1-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-1-1-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>After scanning the QR Code from the website, on the mobile app, the user will see all the products that are added to the cart. For reference, you can check the below snapshot:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-2.png\" alt=\"mockup-2\" class=\"wp-image-395305\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-2.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-2-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-2-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-3.png\" alt=\"mockup-3\" class=\"wp-image-395306\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-3.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-3-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-3-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>The user can also, checkout from their mobile phones. For reference, you can check the below snapshot:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-4.png\" alt=\"mockup-4\" class=\"wp-image-395308\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-4.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-4-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-4-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-5.png\" alt=\"mockup-5\" class=\"wp-image-395309\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-5.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-5-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-5-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>This module works for both, the guest and the registered users:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-6.png\" alt=\"mockup-6\" class=\"wp-image-395310\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-6.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-6-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-6-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-7.png\" alt=\"mockup-7\" class=\"wp-image-395311\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-7.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-7-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-7-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Landing Page<\/h3>\n<\/div><\/div>\n\n\n\n<p>On the landing page of the website, the customer can see the QR  Code. For the reference, you can check the below snapshot:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1200\" height=\"556\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Landing-Page-QR-Code-1200x556.png\" alt=\"Landing-Page-QR-Code\" class=\"wp-image-284766\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Landing-Page-QR-Code-1200x556.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Landing-Page-QR-Code-300x139.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Landing-Page-QR-Code-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Landing-Page-QR-Code-768x356.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Landing-Page-QR-Code.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>The customer can scan that QR Code and start using browsing the website on their mobile phones.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-1-2.png\" alt=\"mockup-1-2\" class=\"wp-image-395312\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-1-2.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-1-2-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-1-2-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Shopping Cart Page<\/h3>\n<\/div><\/div>\n\n\n\n<p>Furthermore, the QR Code will also appear on the shopping cart page as per below image:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"556\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Shopping-Cart-Page-QR-Code-1200x556.png\" alt=\"Shopping-Cart-Page-QR-Code\" class=\"wp-image-284770\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Shopping-Cart-Page-QR-Code-1200x556.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Shopping-Cart-Page-QR-Code-300x139.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Shopping-Cart-Page-QR-Code-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Shopping-Cart-Page-QR-Code-768x356.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Shopping-Cart-Page-QR-Code.png 1349w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>From the shopping cart page, the customer can scan the QR Code and place the order from their mobile phones. For reference, check the below snapshot:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-2-1.png\" alt=\"mockup-2-1\" class=\"wp-image-395313\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-2-1.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-2-1-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-2-1-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"384\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-3-1.png\" alt=\"mockup-3-1\" class=\"wp-image-395314\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-3-1.png 384w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-3-1-145x300.png 145w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mockup-3-1-121x249.png 121w\" sizes=\"(max-width: 384px) 100vw, 384px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p>That\u2019s all for the <strong>Shopping Cart Scanner for Magento 2<\/strong> <strong>(Adobe Commerce)<\/strong>.&nbsp;Still, have any issue feel free to add a ticket and let us know your views to make the module better&nbsp;<a href=\"http:\/\/webkul.uvdesk.com\/\">http:\/\/webkul.uvdesk.com\/<\/a><\/p>\n\n\n\n<p>Explore the&nbsp;<a href=\"https:\/\/webkul.com\/adobe-commerce-cloud\/\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Commerce Cloud development services<\/a>&nbsp;by Webkul. You may also browse our quality&nbsp;<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 extensions<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Shopping Cart scanner module for Magento 2 (Adobe Commerce) helps the users to scan the item in the cart in offline mode. The users can scan the cart through the mobile and will able to see the item that is added to the cart. Also, the user can place the order of the added <a href=\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":255,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[1060,9972,29],"class_list":["post-282983","post","type-post","status-publish","format-standard","hentry","category-magento2","tag-cart","tag-landing-page","tag-shopping-cart"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cart Scanner For Magento 2 | Offline Cart QR Code Scan<\/title>\n<meta name=\"description\" content=\"Cart scanner module for Magento 2 helps the users to scan the item in the cart in offline mode. This module also works for guest users.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cart Scanner For Magento 2 | Offline Cart QR Code Scan\" \/>\n<meta property=\"og:description\" content=\"Cart scanner module for Magento 2 helps the users to scan the item in the cart in offline mode. This module also works for guest users.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-09T10:26:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-19T13:26:28+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" \/>\n<meta name=\"author\" content=\"Subhangi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Subhangi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/\"},\"author\":{\"name\":\"Subhangi\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/62ac5a90658b02d17279062073a43632\"},\"headline\":\"Shopping Cart Scanner for Magento 2\",\"datePublished\":\"2021-03-09T10:26:56+00:00\",\"dateModified\":\"2023-10-19T13:26:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/\"},\"wordCount\":877,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\",\"keywords\":[\"cart\",\"landing page\",\"shopping cart\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/\",\"url\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/\",\"name\":\"Cart Scanner For Magento 2 | Offline Cart QR Code Scan\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\",\"datePublished\":\"2021-03-09T10:26:56+00:00\",\"dateModified\":\"2023-10-19T13:26:28+00:00\",\"description\":\"Cart scanner module for Magento 2 helps the users to scan the item in the cart in offline mode. This module also works for guest users.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#primaryimage\",\"url\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\",\"contentUrl\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shopping Cart Scanner for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/62ac5a90658b02d17279062073a43632\",\"name\":\"Subhangi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a58f5257cd5d10eae17cd30cd92a62e05001b8d916e9f775c6df7c1f711e5cb4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a58f5257cd5d10eae17cd30cd92a62e05001b8d916e9f775c6df7c1f711e5cb4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Subhangi\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/subhangi-bd401\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cart Scanner For Magento 2 | Offline Cart QR Code Scan","description":"Cart scanner module for Magento 2 helps the users to scan the item in the cart in offline mode. This module also works for guest users.","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:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/","og_locale":"en_US","og_type":"article","og_title":"Cart Scanner For Magento 2 | Offline Cart QR Code Scan","og_description":"Cart scanner module for Magento 2 helps the users to scan the item in the cart in offline mode. This module also works for guest users.","og_url":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-03-09T10:26:56+00:00","article_modified_time":"2023-10-19T13:26:28+00:00","og_image":[{"url":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png","type":"","width":"","height":""}],"author":"Subhangi","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Subhangi","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/"},"author":{"name":"Subhangi","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/62ac5a90658b02d17279062073a43632"},"headline":"Shopping Cart Scanner for Magento 2","datePublished":"2021-03-09T10:26:56+00:00","dateModified":"2023-10-19T13:26:28+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/"},"wordCount":877,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#primaryimage"},"thumbnailUrl":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png","keywords":["cart","landing page","shopping cart"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/","url":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/","name":"Cart Scanner For Magento 2 | Offline Cart QR Code Scan","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#primaryimage"},"thumbnailUrl":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png","datePublished":"2021-03-09T10:26:56+00:00","dateModified":"2023-10-19T13:26:28+00:00","description":"Cart scanner module for Magento 2 helps the users to scan the item in the cart in offline mode. This module also works for guest users.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#primaryimage","url":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png","contentUrl":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/cart-scanner-for-magento2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Shopping Cart Scanner for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/62ac5a90658b02d17279062073a43632","name":"Subhangi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a58f5257cd5d10eae17cd30cd92a62e05001b8d916e9f775c6df7c1f711e5cb4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a58f5257cd5d10eae17cd30cd92a62e05001b8d916e9f775c6df7c1f711e5cb4?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Subhangi"},"url":"https:\/\/webkul.com\/blog\/author\/subhangi-bd401\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/282983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/255"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=282983"}],"version-history":[{"count":30,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/282983\/revisions"}],"predecessor-version":[{"id":406779,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/282983\/revisions\/406779"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=282983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=282983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=282983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}