# Off-canvas cart without addon plugin

{% embed url="<https://drive.google.com/file/d/1M48uW_76r7SF1GX5dZmVKXY2kXpekHQc/view?usp=sharing>" %}

If someone needs the off-canvas cart only without using our addon plugin, we’ve split the code into snippets for you. You’ll need:

* A code snippet plugin (or similar)
* Access to FTP (this can also be done via a file manager plugin)
* The off-canvas scripts available in your account

First, log in to your account and download the ZIP file named "offcanvas-cart-scripts." Unzip it, and you’ll find all the necessary files there.

<figure><img src="https://577283513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3MMybclNPfdZUpnUggUT%2Fuploads%2FBhZYeFi73gLryegKxhhK%2Fimage.png?alt=media&#x26;token=c479727f-3b9b-49f2-86f5-e89aace37843" alt=""><figcaption></figcaption></figure>

The PHP files are intended for use with a Code Snippets plugin. Simply open each file, copy the code, create a new snippet, and paste the code into it.

For the JS and CSS files, upload them to your server. Currently, the code assumes the paths `www/js` and `www/css`. This means that if you want to keep the default setup, go to the main directory of your FTP and create two folders named `css` and `js`. Upload the CSS file into the `css` folder and the JS file into the `js` folder.

If you prefer to place the scripts in a different location, update the file paths in the `load-scripts.php` snippet accordingly.

<figure><img src="https://577283513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3MMybclNPfdZUpnUggUT%2Fuploads%2FT89uxHzUDwzwnOQg2By0%2Fimage.png?alt=media&#x26;token=22dc0c28-e68e-4691-a173-ce351e6ab785" alt=""><figcaption></figcaption></figure>

Done.

Add your desired offcanvas template. If you wish to build custom offcanvas layout, follow this tutorial:

{% content-ref url="custom-off-canvas-cart" %}
[custom-off-canvas-cart](https://docs.brickstheme.com/tutorials/custom-off-canvas-cart)
{% endcontent-ref %}

{% hint style="info" %}
Some offcanvas templates use dynamic tag that needs other code snippets to work (e.g. subtotal) - make sure to check them and add them if needed.
{% endhint %}