Integrate with theme's Cart using CSS selector

  1. Usually, "Add to cart" button on "Quick view & Quick shop" is separate with your theme's cart.

  2. To integrate with your cart, you need to find the CSS selector of your cart and paste to Quick view & Quick shop → Content → Options → Cart item count ID, Cart total price ID. Then it'll be possible to update the cart item count or cart total price of your theme when customer clicks on "Add to cart" on Quick view popup.



Step 1: Make the cart item count appear


  1. When there's no item in cart, your cart can show "0" number or show nothing.

  2. First, you need to go to a product page → add product to cart → the cart item count number will appear.



Step 2: Find CSS selector of the Cart Item Count


  1. Right click on THE NUMBER of the cart item count → Inspect.

  2. The developer tool will appear and auto detect the HTML tags of your cart item count (usually starting with <span>).

  3. Right click on the <span> (or what highlighted) → Copy → Copy selector.

  4. You've successfully copied the CSS selector of your cart item count.



Step 3: Find CSS selector of the Cart Total Price


  1. Right click on THE PRICE of the cart total price → Inspect.

  2. The developer tool will appear and auto detect the HTML tags of your cart total price (usually starting with <span>).

  3. Right click on the <span> (or what highlighted) → Copy → Copy selector.

  4. You've successfully copied the CSS selector of your cart total price.



Step 4: Paste to Quick view & Quick shop


  1. Go to Quick view & Quick shop → Content → Options → Cart item count ID, Cart total price ID → paste to CSS Selector of your cart.

  2. Click Save.

  3. Done! You've successfully integrate Quick View with your default Cart.