Features:<\/h3>\n<\/div>\n\n- With the help of the Opencart WebAR module, users can see the three-dimensional view of the product.<\/li>\n
- The admin adds the web augmented reality in present and newly added product too.<\/li>\n
- With the help of the open cart, web augmented reality product, you can add products image to your online store.<\/li>\n
- The extension of the ios image is USDC and for android GLB.<\/li>\n
- In case if the user does not upload the image then the product image will be visible.<\/li>\n
- If your GLB\u00a0 and USDC files are large in size then ask your hosting provider to increase the upload size limit. So that one can upload large GLB and USDC files.<\/li>\n
- Opencart WebAR module supports multi-store as well.<\/li>\n<\/ul>\n\n
Installation: WebAR (Augmented Reality) Product for OpenCart<\/h3>\n<\/div>\n
The installation of the Opencart WebAR (Augmented Reality) Product<\/strong>\u00a0is very simple.<\/p>\nStep 1:<\/strong> Extract the downloaded zip file.<\/p>\nStep 2:<\/strong> After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system.<\/p>\nNow, Step 3<\/strong>: upload the admin and image <\/strong>folder in the\u00a0Opencart root directory<\/strong>.<\/p>\n![\"Installation](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/Selection_083.png\")
<\/p>\n
Once you have uploaded the file then login to admin and go to Extensions > Installer<\/strong> and upload the .zip file-\u00a0web_ar.ocmod.zip<\/strong>.<\/p>\nThe zip file can be found in the\u00a0ocmod\u00a0<\/strong>folder for 3.x.x.x version and .xml file for 2.x.x.x version.<\/p>\n![\"Extension-Installer-opencart-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/Extension-Installer-opencart-1.png\")
<\/p>\n
After uploading the zip file go to the Extensions > Modifications\u00a0<\/strong>and click on the refresh field.<\/p>\n![\"Enable-Modifications-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/Enable-Modifications-1.png\")
<\/p>\n
After that, go to System > Users > User Groups<\/strong>. And then edit \u2018Administrator<\/strong>\u2019.<\/p>\n\n- Select the modules checkboxes for both Access Permission<\/strong>\u00a0and\u00a0Modify Permission<\/strong>\u00a0and\u00a0Save<\/strong>\u00a0it.<\/li>\n<\/ul>\n
![\"enable-module-user-group-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/enable-module-user-group-1.png\")
<\/p>\n
Now navigate to Extensions > Extensions > Modules.\u00a0<\/strong>Find Webkul WebAR<\/b>\u00a0<\/strong>from the list. Click the\u00a0Install<\/strong>\u00a0button as visible in the screenshot below.<\/p>\n![\"install-Extension-\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/install-Extensio-2.png\")
<\/p>\n
\nModule Configuration: Webkul WebAR for OpenCart<\/h3>\n<\/div>\n
After the successful installation of the extension Webkul WebAR\u00a0for OpenCart.<\/strong>\u00a0<\/p>\n\n- To configure the extension. Firstly, in the sidebar menu go to\u00a0Extensions > Extensions > Modules.<\/strong><\/li>\n<\/ul>\n
![\"Dashboard-1-1200x599-2\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/Dashboard-1-1200x599-2.png\")
<\/p>\n
Click on the edit button of Webkul WebAR.<\/strong><\/p>\n![\"Edit-webAR\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/Edit-webAR-1.png\")
<\/p>\n
Enable the module Webkul WebAR<\/strong> .\u00a0<\/p>\n![\"Webkul-WebAR-enabled\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/Webkul-WebAR-ena.png\")
<\/p>\n
Status:<\/strong> For working modules set the status to enable.<\/p>\nSelect Store:<\/strong> Select the store for which you want to configure the module.<\/p>\n\nModule Workflow: Webkul WebAR for OpenCart<\/h3>\n<\/div>\n
The Admin can use this extension at the time of adding a new product or editing the existing product.<\/p>\n
The admin will upload the Web Ar image for Android and IOS separately.<\/p>\n
![\"Product-image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/Product-image.png\")
<\/p>\n
Note: Android image file extension is .glb and for ios is .usdc.<\/strong><\/p>\nAfter completing all the product details then click on the top-right icon of Save.<\/strong><\/p>\nAfter configuration is done from the admin end. Now move to the front end to view the products.<\/p>\n
Laptop screen view<\/strong><\/h3>\n![\"Small-Chair-screen-view\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/Small-Chair-screen-view.png\")
<\/p>\n
View on Mobile Device<\/b><\/h3>\n
Now, customers can access this website on their mobile device also see the product at its proper place by using your mobile device camera before buying the product.<\/p>\n
![\"chair-view-mobile_pixel_very_silver_portrait\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/chair-view-mobile_pixel_very_silver_portrait-1022x1024.png\")
<\/p>\n
After click on the cube button, you can see the product in your real space by the help your mobile camera like this.<\/p>\n
But first, you need to permit this module to access your mobile camera to view the AR images on your device.\u00a0<\/p>\n
![\"3d](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/3d-view-chair-2_pixel_very_silver_portrait-1022x1024.png\")
<\/p>\n
<\/p>\n
After your satisfaction with your product, you can add the product to the cart list.![\"webAR](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/add-to-cart-Small-Chair-_pixel_very_silver_portrait-1022x1024.png\")
<\/p>\n
Now you can checkout your selected product from the cart and view the cart.<\/p>\n
![\"viewcart](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/view-cart-small-chair-_pixel_very_silver_portrait-1022x1024.png\")
<\/p>\n
Now click on checkout, then fill the terms and conditions then confirm the order with the view of necessary details like quantity, total price, model, and product name<\/p>\n
![\"confirm](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/confirm-order_pixel_very_silver_portrait.png\")
<\/p>\n
After this, your order will be placed successfully\u00a0<\/p>\n
![\"orderplaced](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/order-placed_pixel_very_silver_portrait-1022x1024.png\")
<\/p>\n
That\u2019s all for the Opencart WebAR (Augmented Reality) product.\u00a0Still have any issue feel free to add a ticket and let us know your views to make the module better\u00a0http:\/\/webkul.uvdesk.com\/.<\/a><\/p>\nGet in touch\u00a0<\/h3>\n
Drop your query suggestion at support@webkul.com<\/a> or create the ticket at webkuluvdesk<\/a>. Also, visit our opencart extension<\/a> store<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":"
Installation: WebAR (Augmented Reality) Product for OpenCart<\/h3>\n<\/div>\n
The installation of the Opencart WebAR (Augmented Reality) Product<\/strong>\u00a0is very simple.<\/p>\n Step 1:<\/strong> Extract the downloaded zip file.<\/p>\n Step 2:<\/strong> After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system.<\/p>\n Now, Step 3<\/strong>: upload the admin and image <\/strong>folder in the\u00a0Opencart root directory<\/strong>.<\/p>\n Once you have uploaded the file then login to admin and go to Extensions > Installer<\/strong> and upload the .zip file-\u00a0web_ar.ocmod.zip<\/strong>.<\/p>\n The zip file can be found in the\u00a0ocmod\u00a0<\/strong>folder for 3.x.x.x version and .xml file for 2.x.x.x version.<\/p>\n After uploading the zip file go to the Extensions > Modifications\u00a0<\/strong>and click on the refresh field.<\/p>\n After that, go to System > Users > User Groups<\/strong>. And then edit \u2018Administrator<\/strong>\u2019.<\/p>\n Now navigate to Extensions > Extensions > Modules.\u00a0<\/strong>Find Webkul WebAR<\/b>\u00a0<\/strong>from the list. Click the\u00a0Install<\/strong>\u00a0button as visible in the screenshot below.<\/p>\n After the successful installation of the extension Webkul WebAR\u00a0for OpenCart.<\/strong>\u00a0<\/p>\n Click on the edit button of Webkul WebAR.<\/strong><\/p>\n Enable the module Webkul WebAR<\/strong> .\u00a0<\/p>\n Status:<\/strong> For working modules set the status to enable.<\/p>\n Select Store:<\/strong> Select the store for which you want to configure the module.<\/p>\n The Admin can use this extension at the time of adding a new product or editing the existing product.<\/p>\n The admin will upload the Web Ar image for Android and IOS separately.<\/p>\n Note: Android image file extension is .glb and for ios is .usdc.<\/strong><\/p>\n After completing all the product details then click on the top-right icon of Save.<\/strong><\/p>\n After configuration is done from the admin end. Now move to the front end to view the products.<\/p>\n Now, customers can access this website on their mobile device also see the product at its proper place by using your mobile device camera before buying the product.<\/p>\n After click on the cube button, you can see the product in your real space by the help your mobile camera like this.<\/p>\n But first, you need to permit this module to access your mobile camera to view the AR images on your device.\u00a0<\/p>\n <\/p>\n After your satisfaction with your product, you can add the product to the cart list. Now you can checkout your selected product from the cart and view the cart.<\/p>\n Now click on checkout, then fill the terms and conditions then confirm the order with the view of necessary details like quantity, total price, model, and product name<\/p>\n After this, your order will be placed successfully\u00a0<\/p>\n That\u2019s all for the Opencart WebAR (Augmented Reality) product.\u00a0Still have any issue feel free to add a ticket and let us know your views to make the module better\u00a0http:\/\/webkul.uvdesk.com\/.<\/a><\/p>\n Drop your query suggestion at support@webkul.com<\/a> or create the ticket at webkuluvdesk<\/a>. Also, visit our opencart extension<\/a> store<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":"<\/p>\n<\/p>\n<\/p>\n\n
<\/p>\n<\/p>\nModule Configuration: Webkul WebAR for OpenCart<\/h3>\n<\/div>\n
\n
<\/p>\n<\/p>\n<\/p>\nModule Workflow: Webkul WebAR for OpenCart<\/h3>\n<\/div>\n
<\/p>\nLaptop screen view<\/strong><\/h3>\n
<\/p>\nView on Mobile Device<\/b><\/h3>\n
<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\nGet in touch\u00a0<\/h3>\n