How to find the CSS selector of your theme's cart icon? (Sticky Cart version 2)

How to find the CSS selector of your theme's cart icon? (Sticky Cart version 2)

This option is only available in Sticky Cart version 2
To integrate the cart drawer of Sticky Cart app with your theme's cart icon, you need to add the CSS selector of your theme's cart icon into our app settings.
Here are the steps to find the CSS selector of your theme's cart icon.
  1. Step 1: Open your store
  2. Step 2: Right click on the cart icon of your theme > Choose "Inspect"


  3. Step 3: Detect the HTML element of the cart icon
    Hover over the element then you will see the icon is highlighted with the blue color


  4. Step 4: Right click on the HTML element which you just found → Copy → Copy selector


  5. Step 5: Paste the selector you just copied into the box "Open drawer selector" in the app settings


  6. Step 6: Click "Save"
    Done. Now the cart drawer of Sticky Cart app will be triggered through your theme's cart icon.
Note: Different themes will have the different selector for the cart icon.
If you are not tech-savvy or find these steps too complicated, please contact our support team for help.

    • Related Articles

    • 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 ...

    • 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 set up Sticky Add to cart? (Version 2)

      GENERAL SETTINGS Only show sticky add to cart when "Add to cart" button disappear: Enable this option so that the Sticky Add to cart only displays whenever the Add-to-cart button of your theme disappear. Only show sticky add to cart when user scroll ...

    • Sticky Cart Version 1.0 vs Version 2.0 - What Makes Version 2.0 Different?

      What’s new in Sticky Cart 2.0? New Interface Be designed based on the Shopify Interface that helps to create a consistent user experience for merchants Up to 15 new features Updated more advanced features to help sellers create high converting stores ...

    • How to set up Sticky Button & Cart Drawer? (version2)

      SLIDE CART SETTINGS Show option value of variant: Show short form of product variant. For example: blue/small. Show custom properties: Recommend to enable this option if you're selling product with extra options. Enable note box: Display note box on ...