> ## Documentation Index
> Fetch the complete documentation index at: https://print.app/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Installation

> OpenCart is an opensource cart framework that is easy to use and manage.

<Frame>
  <img alt="Print.App OpenCart image" src="https://mintcdn.com/printapp/IX5EDu7QSq3aP3fy/images/oc.png?fit=max&auto=format&n=IX5EDu7QSq3aP3fy&q=85&s=8d56efbdab80418838f70ab699344147" width="1480" height="643" data-path="images/oc.png" />
</Frame>

Follow these steps to do a fresh installation of OpenCart and then Print.App or if you already have an OpenCart store, you can just jump over to step 3 to continue

1. Download the latest OpenCart code using the [Official Download Link](http://opencart.com/index.php?route=download/download)

2. Install the OpenCart package using the OpenCart installation procedure. You can always find the installation instruction in the downloaded package.

3. Next, download the [Print.App OpenCart module from our Github repository](https://github.com/PrintApp/print-app-opencart/releases)

4. In your OpenCart admin portal, navigate to `Extensions` -> `Extension Installer` and click the Upload File button to upload the previously downloaded zip file.
   <Frame>
     <img src="https://mintcdn.com/printapp/IX5EDu7QSq3aP3fy/images/oc-mod.png?fit=max&auto=format&n=IX5EDu7QSq3aP3fy&q=85&s=25b5da3e7412946566201eb3b83fd33a" width="2018" height="929" data-path="images/oc-mod.png" />
   </Frame>
   * Once the upload completes, the module is installed.

5. Now navigate to `Extensions` -> `Modifications` and hit the refresh modifications button

   <Frame>
     <img src="https://mintcdn.com/printapp/IX5EDu7QSq3aP3fy/images/oc-refresh.png?fit=max&auto=format&n=IX5EDu7QSq3aP3fy&q=85&s=80a8400d700835c2f71c549ed4c22214" width="2012" height="914" data-path="images/oc-refresh.png" />
   </Frame>

   You also need to refresh your store theme. To do that, navigate to `Dashboard` and click the settings icon shown below

   <Frame>
     <img src="https://mintcdn.com/printapp/IX5EDu7QSq3aP3fy/images/oc-settings.png?fit=max&auto=format&n=IX5EDu7QSq3aP3fy&q=85&s=d63f16b6c053553edd42db87b4442fd9" width="2232" height="489" data-path="images/oc-settings.png" />
   </Frame>

   That should open the developer settings. Click the Theme and SASS refresh buttons to update the theme files.

   <Frame>
     <img src="https://mintcdn.com/printapp/IX5EDu7QSq3aP3fy/images/oc-dev.png?fit=max&auto=format&n=IX5EDu7QSq3aP3fy&q=85&s=5a04510a941950acdcc79ca0ed56c677" width="933" height="404" data-path="images/oc-dev.png" />
   </Frame>

6. We now need to connect the module to your Print.App account using your credentials.
   <Snippet file="grab-keys.mdx" />
   <Note>You can still use your credentials for localhost testing if you are not ready to go live just yet.</Note>

7. To enter the keys in your OpenCart admin, navigate to Extensions and drop down the `Choose the extension type` and select Modules.
   <Frame>
     <img src="https://mintcdn.com/printapp/IX5EDu7QSq3aP3fy/images/oc-ext.png?fit=max&auto=format&n=IX5EDu7QSq3aP3fy&q=85&s=8e2e1be1bfc5192eaedd0c2827085338" width="1896" height="1046" data-path="images/oc-ext.png" />
   </Frame>
   * Scroll down the list and you should find Print.App there. Click on the blue edit button to configure it.

8. Enter the Domain / API Key and Secret keys you copied in step 6 above. And click the save button on the top right-hand corner.
   <Frame>
     <img src="https://mintcdn.com/printapp/IX5EDu7QSq3aP3fy/images/oc-conf.png?fit=max&auto=format&n=IX5EDu7QSq3aP3fy&q=85&s=2b033c7f8a9d935fd01f9a8c3570e21c" width="2108" height="947" data-path="images/oc-conf.png" />
   </Frame>
   * And you're done with the installation 👏

9. Now you have the plugin linked to our platform. You can test this out by assigning a design to any of your products.
   * Navigate to `Catalog` -> `Products` section in the admin and click to edit any of the products.
   * Click the Options tab and type in `print`, it should show Print.App drop option for you to select.
   <Frame>
     <img src="https://mintcdn.com/printapp/IX5EDu7QSq3aP3fy/images/oc-assign.png?fit=max&auto=format&n=IX5EDu7QSq3aP3fy&q=85&s=bfaa1a0fdfa457fc50ef6f36ed9b9f69" width="2038" height="980" data-path="images/oc-assign.png" />
   </Frame>
   * Assign any of your Print.App designs to test with.

10. You're all set! To check everything, do navigate to your store front and check the product has the Customize button.
    * If still it doesn't show, please reach out to us on our [discord community](https://discord.gg/XNdtdFxNdE).
