Off Canvas Panel

The Off Canvas Panel provides more then another place to add your navigation. With Widget Areas and Hooks it can be loaded with extra elements. As covered in the How the Show was made post we have done a little bit of fancy work to create a Shop filter as well as provide our Mobile Navigation.

You should begin by getting to know the panel. Read this for more information.

Widgets

Widgets are added in the Customizer > Layout > Widgets > Off Canvas Panel or via the Dashboard > Appearance > Widgets. We have used Woocommerce Widgets. These types of widget are dynamic. For example the price and attribute filters only display on the Shop and Archive Pages.

A little bit of CSS to tidy up the Woo Widgets and divide them with some borders:

.slideout-widget.woocommerce ul li {
    line-height: 2em;
    display: grid;
    grid-template-columns: 0 90% 10%;
}

.slideout-navigation .slideout-widget ul.product-categories li {
    grid-template-columns: 90% 10%;
}

.slideout-widget {
    border-top: 1px solid #ccc;
    padding-top: 2em;
}

No Desktop Navigation Toggle

As covered in the Shop article the standard Navigation Toggle for desktop as been hidden as we’re using it for our Filter Widgets.

Leave a Comment

Kind Words By These Amazing Companies...

“Deyson is an expert when it comes to Final Cut Pro & Motion and always adds value to the Final Cut community.”

Leno Porto - Founder of LenoFX

Leno Porto

Founder & CEO at LenoFX.com

“High-quality templates that let you add motion elements to your projects quickly and effortlessly.”

Apple, Inc.

From Apple’s Final Cut Pro Resource Page

“Deyson runs Motion Master Templates with a level of professionalism and integrity that is unsurpassed in the industry.”

Bret Williams

Founder & CEO at BretFX.com

"Motion Master Templates has been a lifesaver for my business."
- Judy

Many professionals have saved money, time, and effort and have wowed their clients, here is what they have to say about Motion Master Templates.

Customer Headshot of Judy Bogad

"Motion Master Templates has been a lifesaver for my business."

Judy Smith Bogad -
Owner of Sequel Images

Monica Bayarri

"Motion Master Templates have been in my library for years and you continue to make the best!!!"

Monica Bayarri - CEO Mev Studios / Digital Agency

Jonas Lantz Hansen - Film editor for Soccer Clubs

"Every editing option is extremely well-thought to make it easy for you to find and work with."

Jonas Lantz Hansen - Film editor for Soccer Clubs

PHILLIP RAYNES - Instructional Designer / Documentation Specialist

"Service has been great! You definitely care about your customers, great job! Thanks again for all that you do."

PHILLIP RAYNES - Instructional Designer / Documentation Specialist

BRYAN CAMERON - Video Editor

“I love your work and use what I already have a lot. Thank you very much for all you’ve done.”

BRYAN CAMERON - Video Editor

Item added to cart.
0 items - $0