qikify

Integrate with theme's Cart using CSS selector


Usually, "Add to cart" button on Quick View is separate with your theme's cart.
To integrate with your cart, you need to find the CSS selector of your cart and paste to Quick View > Customize > Extras. Then it'll be possible to update the cart count of your theme when customer clicks on "Add to cart" on Quick view popup.



Cart Count is the number showing up above cart icon to show the number of items in cart.




Watch this tutorial video or Follow the steps below to find the CSS selector of your cart:




Step 1: Make the cart count appear

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


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




Step 2: Find CSS selector of the Cart Count

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


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


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


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


Step 3: Paste to Quick View

  1. Head back to Quick View → Customize → Extras → paste to CSS Selector of your cart

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

    • Related Articles

    • Cart Countdown

      Note: Cart Countdown only works with themes which have AJAX cart (stay on current page after adding to cart). This app does not work if theme automatically redirects to cart page after adding products to cart. 1. Countdown settings Countdown Time To ...
    • Sticky Cart Button

      Enable on desktop: allow your sticky button to appear on desktop version.  Enable on mobile: allow your sticky button to appear on mobile version. "Enable on mobile"  works on screen width that is below 992 pixels SETTINGS  Button action Set the ...
    • How to uninstall Sticky Cart completely

      When installing, Sticky Cart adds a script directly to your published theme to make it load faster. When uninstalling on Apps page, that script still remains in your theme. Follow these steps to uninstall Sticky Cart completely: Step 1. Uninstall in ...
    • How to embed language switcher to different position on your pages?

      1. Insert shortcode * This method might require coding experience You may want to put the language switcher on a selected position (e.g next to your store's logo, on top of cart icon, etc.) To integrate the switcher into your theme, choose Insert ...
    • Frequently Asked Questions for Quick View

      What is the difference among Free plan, Basic plan and Premium plan? Please see the comparison table of there plans here. Can I downgrade to Basic after upgrading to Premium plan? Yes you can. To cancel Premium plan, please go to My Profile page > ...