Bricks Boilerplate Documentation
PricingDemo
  • Intro
  • Getting Started
    • Requirements
    • 5 minutes launch ⚡
    • Import into an existing project
  • Basics
    • Inside the package
    • Global Styles
      • General
      • CSS Variables
      • Buttons
      • Utility classes
    • Templates
    • ACF
      • Global topbar
    • Bricks Boilerplate Addon plugin
      • Wishlist
      • Variation swatches
      • Checkout
    • Code snippets
  • Tutorials
    • Blog in 5 minutes
    • Custom Off-canvas cart
    • Off-canvas cart without addon plugin
    • Custom Thank you page
    • Custom Checkout page
    • Custom Cart page
    • My account page
    • Product gallery with thumbnails
    • Custom query for product reviews
  • Advanced
    • Custom slider controls
    • Custom accordions
    • Megamenu
    • GSAP animations
  • Common issues
    • Custom CSS
    • Product galleries
    • Restoring site with WPvivid
Powered by GitBook
On this page
  1. Tutorials

Off-canvas cart without addon plugin

PreviousCustom Off-canvas cartNextCustom Thank you page

Last updated 5 months ago

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.

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.

Done.

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

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.

Custom Off-canvas cart