UpCart now ensures that your store always opens the UpCart cart drawer, even if your theme normally opens its own. This is useful when the cart icon or button in your theme doesn't trigger UpCart by default.
This setting tells UpCart which button or icon on your store should open the UpCart cart drawer. If your theme uses its own cart drawer, you can use this setting to ensure that UpCart opens instead.
Go to the UpCart Editor.
Click Settings.
Scroll to Advanced Settings.
Find Open Cart Button Selector:
You’ll see a menu with three available selections:
Option | What It Means |
Use Default Selector | UpCart automatically detects the cart icon. Use this option if the cart drawer opens correctly. |
Add Additional Selector | If your store includes more than one cart icon and only one functions by default, use this setting to add the selector of the one that doesn’t work. |
Use Custom Selector | If the cart drawer doesn’t open when the cart icon is clicked, use this option to tell UpCart which button to target. |
How to Use the "Custom Selector" Option (No Coding Required)
If you need to use the Custom Selector option, follow these steps:
Go to your store’s homepage.
Right-click on your cart icon. This is the button or icon customers click to view their cart.
Click "Inspect." A panel will open showing the page’s code. You do not need to change anything.
In the panel, look for a class or ID next to the highlighted code. It will usually start with a dot (
.) for a class or a hash (#) for an ID. For example:.site-header__cartor#cart-icon.Copy that class or ID. For example:
.site-header__cart.Return to the UpCart Editor. Select "Use Custom Selector" and paste what you copied into the input box.
💡Tips
If you're unsure which option to choose, start with the Default Selector.
Use the Custom Selector only if clicking your cart icon does not open the UpCart cart drawer.
Make sure to test the cart functionality on both mobile and desktop devices.
You can use any AI tools you prefer to help review or verify your work.
Need More Help?
If you need help, you can ask your theme developer to find the correct selector. You do not need to write any code. Just copy and paste the selector as explained above.