Woocommerce sliding cart button

</p> <p>This block is analog of Cart button block of woocommerce.</p> <p>It renders special block (better to use in header) where user can see number of items in cart. </p> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="111" src="https://greenshiftwp.com/wp-content/uploads/2023/05/cart2-1024x111.jpg" alt="" class="wp-image-2937" srcset="https://greenshiftwp.com/wp-content/uploads/2023/05/cart2-1024x111.jpg 1024w, https://greenshiftwp.com/wp-content/uploads/2023/05/cart2-300x32.jpg 300w, https://greenshiftwp.com/wp-content/uploads/2023/05/cart2-768x83.jpg 768w, https://greenshiftwp.com/wp-content/uploads/2023/05/cart2-1536x166.jpg 1536w, https://greenshiftwp.com/wp-content/uploads/2023/05/cart2-2048x222.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p>Click on cart button will open sliding panel</p> <figure class="wp-block-image size-large"><img decoding="async" width="482" height="1024" src="https://greenshiftwp.com/wp-content/uploads/2023/05/cart-482x1024.jpg" alt="" class="wp-image-2938" srcset="https://greenshiftwp.com/wp-content/uploads/2023/05/cart-482x1024.jpg 482w, https://greenshiftwp.com/wp-content/uploads/2023/05/cart-141x300.jpg 141w, https://greenshiftwp.com/wp-content/uploads/2023/05/cart-768x1633.jpg 768w, https://greenshiftwp.com/wp-content/uploads/2023/05/cart-723x1536.jpg 723w, https://greenshiftwp.com/wp-content/uploads/2023/05/cart.jpg 794w" sizes="(max-width: 482px) 100vw, 482px" /></figure> <p>