Product QR Add-on

About Addon

The SpurtCommerce Product QR Code Plugin enables the generation of QR codes for each product in the store. When this plugin is installed, customers can quickly access product details by scanning the QR code, streamlining the browsing experience and providing convenient access to product information on mobile devices.

Features:

• Unique QR Code Generation: A unique QR code is generated for each product in the store.

• Quick Access to Product Details: Customers can scan the QR code to view product information instantly.

• Easy Sharing: QR codes can be shared easily, allowing customers to quickly view and share product details with others.

• Enhanced Storefront Display: QR codes are displayed on the storefront, enhancing the product’s accessibility and engagement.

Frontend Setup – Admin Panel:

Follow these steps to set up the front end for the Product QR addon in Spurtcommerce Admin Panel.

Step 1: Install the Addon:

Locate the Spurtcommerce addon package, typically named admin.addOns.zip.

Extract the zip file and copy the Product QR folder into the addOns folder in your project.

projectFolder -> addOns

After this step, the structure should look like:

projectFolder -> addOns ->Marketplace->Product Configuration->Product QR

Once completed, proceed to update the configuration.

Step 2: Update the Configuration

After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:

// --------------------- Product QR Routes--------------------- //
import * as productQr from './Marketplace/productConfiguration/product-qr/product-qr.constant'
// Components Path
export const productQrComponents = productQr.components;
// Route Path
export const productQrRoutes = productQr.routes;

If you wish to uninstall or remove the Product QR addon, replace the component paths and route paths with an empty array.

// --------------------- Product QR Routes--------------------- //
import * as productQr from './Marketplace/productConfiguration/product-qr/product-qr.constant'
// Components Path
export const productQrComponents = [];
// Route Path
export const productQrRoutes = [];

Step 3: Run the Application:

To run the application with the integrated Product QR addon, use the following command:

$ npm run large-serve

After executing this command, the addon will be available on Spurtcommerce on the designated page.

Step 4: Build the Application

Finally, to prepare the application for deployment, run the build command:

$ npm run large-build

The latest build files will then be ready to deploy to the server.