How to target CARTPOPS

Author Posts

tigermedia

Hi, I wonder how can I target the cart drawer created by the plugin cart pops with Microthemer so I can make changes to the CSS?

The site is – https://woocommerce-842044-2900819.cloudwaysapps.com/

And the cart looks like this – https://prnt.sc/DY75nKNKm07n

I can’t see being able to target anything in the cart as it targets the things that are “behind” it.

I hope that makes sense but if not, maybe this screencast would do a better job – https://www.loom.com/share/0eaf4c3e0f3b4357ba7fa0548d9c0d66

Thanks!


Sebastian

Hey,

I would probably need temporary access to the site, or a staging site, in order to see why Microthemer isn’t selecting the cart elements, which appear to be in the foreground. If you’re happy to grant that, you can send details via our secure contact form.

But as an alternative to clicking elements, you can also use the HTML inspection pane (bottom left of MT) to select elements. This requires some understanding of HTML. To find the right section of HTML, click on any line of HTML and then press Ctrl + F to open the HTML search options. Then search for cpops-drawer-modal – that is the id of the container element for the cart section. You can then click lines of HTML near that to select the individual cart elements.

I’m heading to bed now but can pick this up in the morning. I may be able to think of other ways to tackle this issue if site access is tricky.

Cheers,
Sebastian


Sebastian

Thanks for providing access. This was due to a CSS z-index issue – the cart drawer had a higher z-index than Microthemer’s selection highlighting. I’ve just fixed this in version 7.1.6.6, which I’ve installed on the staging site you provided access to.

Apologies for the trouble, I appreciate you helping me get to the bottom of the issue.


tigermedia

Hi Sebastian, I have the same issue on another site and it is running the latest microthemer version – https://www.loom.com/share/37dcf2c839154cf18bad399452498a78


Sebastian

Hey,

I wonder if the CartPops plugin increased the z-index on their side…? Would you mind sending temporary access details again via the secure contact form so I can see what’s going on?

Thanks,
Sebastian


Sebastian

Thanks for providing access, it was indeed the same z-index issue. CartPops must have made a change. I’ve bumped Microthemer’s z-index values near the absolute maximum in version 7.2.4.4. Hopefully that will put a final end to this issue. But let me know if it happens again.

Cheers,
Sebastian

You must login or register to reply to this topic.