# 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="/files/rVJQox6VmWb5xx6DfHZT" 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="/files/Kr2iPaJDaodgBpZyrlCV" alt=""><figcaption></figcaption></figure>

Done.

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

{% content-ref url="/pages/4EAKQIVUm6WpBFZrShZJ" %}
[Custom Off-canvas cart](/tutorials/custom-off-canvas-cart.md)
{% 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.brickstheme.com/tutorials/off-canvas-cart-without-addon-plugin.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.