Skip to content


Extensive Documentation for PowerPack & WooPack to help you with common questions and issues.

  1. Home
  2. Docs
  3. WooPack
  4. Modules
  5. Off-Canvas Cart
  6. How to add Off-Canvas Cart to the Header?

How to add Off-Canvas Cart to the Header?

A great shopping experience is always incomplete without a beautiful and simple cart checkout. WooPack offers great functionality and ease of customization in its Off-Canvas Cart module. A question that is commonly asked to us while setting up Off-Canvas Cart is that “How to add it to the site Header so that the user always sees it?“.

Answering it in this how-to doc we are going add  Off-Canvas Cart to the Site Header by using Beaver Themer in 4 easy steps.

1.  Go to WP Dashboard > Beaver Builder > Themer Layouts > Add New or select any existing Header.

2. Name the header and set its display rules.

3. Click on Launch Beaver Builder to edit the Header.

4. Add the Off-Canvas Cart module to the Header and set it up according to the design and save/publish the layout.

Once published you’ll see the beautiful Off-Canvas Cart in the site’s header.

Was this article helpful to you? Yes No