[Support request] Off Canvas Menu to display cart

[Ree]

I want to make an off canvas menu to display cart items like the example: https://prnt.sc/xx5uzl

This is what I did:
1. Customizer > Layout > Off Canvas Panel – enable mobile only
2. Set cart menu Location to Off Canvas Panel in Customizer > Menus.

But nothing happened. What am I missing out?

[David]

Hi there,

can you share a link to your site so i can see what the issue is ?

[Ree]

private reply

[David]

You have this CSS in your Simple CSS:

.sticky-enabled .main-navigation:not(.is_stuck) {
    visibility: hidden;
}

This is hiding the Slide Out menu. Remove that to see

[Ree]

Thank you i’ve sucessfully made it a slide out menu.

How can I make it to show cart items instead of cart menu link please?

[David]

The Off Canvas Panel has its own widget area:

https://docs.generatepress.com/article/off-canvas-panel-overview/#off-canvas-panel-widget-area

You can add the Cart Widget there.

[Ree]

Thanks I got that! However when I add to cart an alert appears at the bottom.

How can I make the alert appears by sliding out the off canvas please?

https://ibb.co/QbFyPPz

[David]

Thats not a current function – the current method is the Menu Cart:

https://docs.generatepress.com/article/woocommerce-overview/#general

[Author]

Posts