How to use AR Links on OpenCart Sites

These are the following steps to use AR links in a OpenCart Shop:

1. Once you are inside the OpenCart Admin Dashboard, click on‘Catalog’ and then ‘Products’ tab on the left.

2. In the Products section you can select any existing individual product in which you want to display the AR Model viewer and click the ‘Edit’ button or click on the ‘Add New’ button on top right to create a new product.

3. Copy the code for the 3D Model that you want to display.

 Example: <iframe src="https://ar-4u.com/jqwO" width="100%" allow="xr-spatial-tracking *; fullscreen *;" allowfullscreen="" height="100%" ></iframe>

4. Edit an existing product or create an entirely new product page and click on the ‘Code View’ button of the Description section.

5. In the code view, just paste the code that you copied above and again click on the Code view button to save the HTML code.

6. You can edit the code to change the width and height of the AR viewer.

7. After clicking the ‘Code View’ button 2nd time you’ll see the 3D Content inside the description area like below. Then you need to click on the ‘Save’ button to make sure the changes are saved.

8. Go to the Product page URL to view the AR viewer inside the OpenCart product page.

Following is an example of the AR Viewer in the ‘Description’ section: