This documentation will show you how to install the Menu Cart for Oxygen Builder.

The installation method is Hydrogen Copy/Paste. If you have Hydrogen installed, just copy and paste. If you don't, use the free plugin: https://docs.oxidize.co/oxidize-hydrogen-paste-installation-guide/

After purchasing, download the Oxidize Menu Cart Zip folder. There are two files that you'll need for the installation. The text file contains the Hydrogen Shortcodes to copy/paste.

Open the file, copy the shortcodes, and paste into whatever page you want the Menu Cart dropdown to show. The most common use case here would be using this component in a catch all header. Place the Menu Cart component on the right of the header, and you're good to go!

Most aspect of the cart inherit the global styles for WooCommerce applied by Oxygen. You can also style using custom CSS or even the selector detector!

Get Cart Count Ajax Working

This part is optional, but makes the cart count update via AJAX. If you don't care about the count updating in real time, you don't need to do this. If you do care, simply import the JSON as a Code Snippet or Advanced Scripts script. You can also copy and paste the following code:

<?php add_filter('woocommerce_add_to_cart_fragments', function($fragments) { ob_start(); ?> <div class="cart-count"> <?php echo WC()->cart->get_cart_contents_count(); ?> </div> <?php $fragments['div.cart-count'] = ob_get_clean(); return $fragments; });