Showing a Customers Cart Information in a Pop Up/Unobar

Shopify app updated 3/25/2018

Bigcommerce app updated 5/28/2018

Use Case 1: Use a tab to show a customers cart total. While built in menu bars usually have this feature as well, it doesn't follow the customer when they scroll!

Step 1: Create a unlocked pop up that is positioned in the corner of your website like the example below

Step 2: Where you would like the cart items to appear place

Step 3: Once you are satisfied with the design head to the rules and click add new rule and choose advanced rule

Step 4: Add in a rule to show on every page if a customer has an item in their cart with the cart value rules

Use Case 2: Using an Unobar to display how much a customer has left for free shipping across your website

Step 1: Create a unlocked unobar and where you would like the value to show place 150. This would be for a countdown from $150, if your free shipping starts at $40 use 40 instead! The design might look off in the design canvas because the 150 placeholder will be larger than the number pulled in!

Step 2: Once you are satisfied with the design head to the rules and click add new rule and choose advanced rule

Step 3: In the rules, add in a cart value rule to ensure that the unobar is only shown when a customer has less than the free shipping number in their cart. For this example I will add in 150.