Sliding panels and popups

This is all in one tool to make any kind of sliding panels and popups. These are common scenarios for usage

  1. Login panels
  2. Toolbars
  3. Mobile menus
  4. Mega menus
  5. Popups

Some examples

Side sliding panel

click on button

Right side panel

Right panel

I am right panel, you can place here anything, for example, login form or cart widget

Block sliding panel

This kind of panel is placed inside block itself and can be used to make tooltips, mega menus, etc. Click on button below

Catalog of goods
Woman’s Fashion
  • Dresses
  • Tees
  • Blouses & Shirts
  • Hoodies & Sweatshirts
  • Women’s Sets
  • Suits & Blazers
  • Bodysuits
  • Tanks & Camis
  • Coats & Jackets
  • Sweaters
  • Trousers
  • Sweetshots
  • Hats
Bottoms
  • Leggings
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
Plus Size
  • Plus Size leggins
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
  • Nocks
Women’s Underwear 
  • Pajama Sets
  • Bras
  • Panties
  • Women’s Socks
  • Bra & Brief Sets
  • Shapewear
Accessories
  • Hair Accessories
  • Sunglasses
  • Blue Light Blocking Glasses
  • Baseball Caps
  • Bucket Hats
  • Belts

Here is also example with replication of Aliexpress menu. This works also for hover effect.

Categories
Woman’s Fashion
Woman’s Fashion
  • Dresses
  • Tees
  • Blouses & Shirts
  • Hoodies & Sweatshirts
  • Women’s Sets
  • Suits & Blazers
  • Bodysuits
  • Tanks & Camis
  • Coats & Jackets
  • Sweaters
  • Trousers
  • Sweetshots
  • Hats
Bottoms
  • Leggings
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
Plus Size
  • Plus Size leggins
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
  • Nocks
Women’s Underwear 
  • Pajama Sets
  • Bras
  • Panties
  • Women’s Socks
  • Bra & Brief Sets
  • Shapewear
Accessories
  • Hair Accessories
  • Sunglasses
  • Blue Light Blocking Glasses
  • Baseball Caps
  • Bucket Hats
  • Belts
Men’s Fashion
Woman’s Fashion
  • Dresses
  • Tees
  • Blouses & Shirts
  • Hoodies & Sweatshirts
  • Women’s Sets
  • Suits & Blazers
  • Bodysuits
  • Tanks & Camis
  • Coats & Jackets
  • Sweaters
  • Trousers
  • Sweetshots
  • Hats
Bottoms
  • Leggings
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
Plus Size
  • Plus Size leggins
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
  • Nocks
Women’s Underwear 
  • Pajama Sets
  • Bras
  • Panties
  • Women’s Socks
  • Bra & Brief Sets
  • Shapewear
Accessories
  • Hair Accessories
  • Sunglasses
  • Blue Light Blocking Glasses
  • Baseball Caps
  • Bucket Hats
  • Belts
TV and Games
Woman’s Fashion
  • Dresses
  • Tees
  • Blouses & Shirts
  • Hoodies & Sweatshirts
  • Women’s Sets
  • Suits & Blazers
  • Bodysuits
  • Tanks & Camis
  • Coats & Jackets
  • Sweaters
  • Trousers
  • Sweetshots
  • Hats
Bottoms
  • Leggings
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
Plus Size
  • Plus Size leggins
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
  • Nocks
Women’s Underwear 
  • Pajama Sets
  • Bras
  • Panties
  • Women’s Socks
  • Bra & Brief Sets
  • Shapewear
Accessories
  • Hair Accessories
  • Sunglasses
  • Blue Light Blocking Glasses
  • Baseball Caps
  • Bucket Hats
  • Belts
Laptops and media
Woman’s Fashion
  • Dresses
  • Tees
  • Blouses & Shirts
  • Hoodies & Sweatshirts
  • Women’s Sets
  • Suits & Blazers
  • Bodysuits
  • Tanks & Camis
  • Coats & Jackets
  • Sweaters
  • Trousers
  • Sweetshots
  • Hats
Bottoms
  • Leggings
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
Plus Size
  • Plus Size leggins
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
  • Nocks
Women’s Underwear 
  • Pajama Sets
  • Bras
  • Panties
  • Women’s Socks
  • Bra & Brief Sets
  • Shapewear
Accessories
  • Hair Accessories
  • Sunglasses
  • Blue Light Blocking Glasses
  • Baseball Caps
  • Bucket Hats
  • Belts
Storage and data
Woman’s Fashion
  • Dresses
  • Tees
  • Blouses & Shirts
  • Hoodies & Sweatshirts
  • Women’s Sets
  • Suits & Blazers
  • Bodysuits
  • Tanks & Camis
  • Coats & Jackets
  • Sweaters
  • Trousers
  • Sweetshots
  • Hats
Bottoms
  • Leggings
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
Plus Size
  • Plus Size leggins
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
  • Nocks
Women’s Underwear 
  • Pajama Sets
  • Bras
  • Panties
  • Women’s Socks
  • Bra & Brief Sets
  • Shapewear
Accessories
  • Hair Accessories
  • Sunglasses
  • Blue Light Blocking Glasses
  • Baseball Caps
  • Bucket Hats
  • Belts
Garden and Home
Woman’s Fashion
  • Dresses
  • Tees
  • Blouses & Shirts
  • Hoodies & Sweatshirts
  • Women’s Sets
  • Suits & Blazers
  • Bodysuits
  • Tanks & Camis
  • Coats & Jackets
  • Sweaters
  • Trousers
  • Sweetshots
  • Hats
Bottoms
  • Leggings
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
Plus Size
  • Plus Size leggins
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
  • Nocks
Women’s Underwear 
  • Pajama Sets
  • Bras
  • Panties
  • Women’s Socks
  • Bra & Brief Sets
  • Shapewear
Accessories
  • Hair Accessories
  • Sunglasses
  • Blue Light Blocking Glasses
  • Baseball Caps
  • Bucket Hats
  • Belts
Decor Ideas
Woman’s Fashion
  • Dresses
  • Tees
  • Blouses & Shirts
  • Hoodies & Sweatshirts
  • Women’s Sets
  • Suits & Blazers
  • Bodysuits
  • Tanks & Camis
  • Coats & Jackets
  • Sweaters
  • Trousers
  • Sweetshots
  • Hats
Bottoms
  • Leggings
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
Plus Size
  • Plus Size leggins
  • Skirts
  • Shorts
  • Jeans
  • Pants & Capris
  • Nocks
Women’s Underwear 
  • Pajama Sets
  • Bras
  • Panties
  • Women’s Socks
  • Bra & Brief Sets
  • Shapewear
Accessories
  • Hair Accessories
  • Sunglasses
  • Blue Light Blocking Glasses
  • Baseball Caps
  • Bucket Hats
  • Belts

You can use it also for popups. It can be not only for click on the button but also auto popup with a timer, close intent popup, or popup with a custom click trigger

Click here

I am simple popup, but you can use me to add any kind of content, because all popups and panels are containers for all blocks.

The difference between modal and popup is that the latest uses the modern browser Dialog feature. It should prevent any issues with Z-index but has fewer options for design.

Dynamic Content Feature

This block supports also dynamic content. You can add any CSS selector from your site and the block will copy its content. This can be useful, for example, when you want to turn desktop content into a mobile toggle. For example, this can be used for filters on shops. On a desktop, you can show all filters, because products and filters are visible, but on mobiles, more practical to hide filters to buttons. The idea here is to disable the button on the desktop and hide filters on mobile

There is also a possibility to save/delete cookies and body classes after a button click. This can be used if you need a custom cookie banner or GDPR notices.

Custom close button and custom trigger button

You are not forced to use this block as a button with the trigger. You can disable the button and set the custom CSS selector to be a trigger. The same is for the closing button. You can drop the button block inside the panel container, style it as you wish, and set the class of the button as a custom close button

Auto trigger timer

This block has the option to trigger a popup after some period of time. Can be used as promo popups or for subscriptions

Exit Intent Effect

You can also enable popup and button to be exit intent. if user leaves your page, popup will be triggered automatically

Copy this post’s content
Copy code below, and paste it (CTRL+V) in content of page
«
»