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.

Item added to cart.
0 items - 0.00
İletişime Geçin!
İletişime Geçin!
Vozol Türkiye
Merhaba siparişler sadece web site üzerinden alınmaktadır, Mng kargo ile 1 gün sonra gönderim sağlanmaktadır. Uzaklığa göre 3-4 gün içinde teslim edilmektedir. Kapıda Nakit yada Kredi kartı ile ödeme yapabilirsiniz . Kargo takip numarası sms olarak 1 gün sonra gelmektedir.
Bypuff.com Vozol Puff Türkiye Distribütörü Resmi Satış Sitesi olarak en çok satan aromaları ve en çok satan puff modellerini sizler için temin etmekte kapıda ödeme güvencesiyle sizlere gönderim sağlamaktadır. vozol Elf bar 5000 Vozol 5000 Vozol 6000 Vozol 7000 Vozol 10000 Vozol 12000 Vozol likit Stlpuff.com puff, puff bar, elf bar, vozol tüm puff çeşitlerinin resmi satış sitesi olarak kapıda ödeme güvencesiyle sizlere hizmet etmektedir. puff Elf bar 5000 Vozol 5000 Vozol 6000 Vozol 7000 Vozol 10000 Vozol 12000 Vozol likit resmi satış siteleri