🔴► javascript PayPal minicart problem - Please Help

This site is best viewed in a modern browser with JavaScript enabled.

🔴► javascript PayPal minicart problem - Please Help

supak111

Hey guys I have a js mini cart on my website so when you click paypal "buy now" button, minicart opens up a window showing you what you have in your cart.

this is the minicart i'm using: http://minicartjs.com/

Problem I have is: "items_name" text in paypal button code is too long and font too big that it makes it hard to read the item_name when the mini cart is open.

How can I change the font size of a paypal button item_name. I just need the font in the mini card to be smaller so that its legible.

Here is by website, just click any "buy now" to see the mini cart and the problem: http://trydeal.com/10off/10no/

jburridge

Find

#PPMiniCart form {
    color: #333333;
    font: 15px arial,helvetica;
}

Replace the "15px" to.. Something smaller.

supak111

I ended up downloading the JS, editing it and hosting it myself to fix the problem so all is well now... I do have another problem that I can't seem to figure out.

The mini cart when its showing if you click anywhere on the outside of the cart, cart closes, I want to doable this. Its giving my mobile shoppers problems. The cart has a X close button at the top, that enough I don't need it closing just for clicking out the outside of it.

Any idea how to disable this? Here is the JS trydeal.com/files/minicart.min.js

jburridge

I'm not experienced enough for that but.. I would say find this

if (d === c.SUBMIT_CLASS)
                        this.model.cart.checkout(a);
                    else if (d === c.CLOSER_CLASS)
                        this.hide();
                    else if (d === c.REMOVE_CLASS)
                        this.model.cart.remove(b.getAttribute(c.DATA_IDX));
                    else if (d === c.QUANTITY_CLASS)
                        b[b.setSelectionRange ? "setSelectionRange": "select"](0, 999);
                    else if (!/input|button|select|option/i.test(b.tagName)) {
                        for (; 1 === b.nodeType;) {
                            if (b === this.el)
                                return;
                                b = b.parentNode
                        }
                        this.hide()
                    }

and try replacing it with

if (d === c.SUBMIT_CLASS)
    this.model.cart.checkout(a);
else if (d === c.CLOSER_CLASS)
    this.hide();
else if (d === c.REMOVE_CLASS)
    this.model.cart.remove(b.getAttribute(c.DATA_IDX));
else if (d === c.QUANTITY_CLASS)
    b[b.setSelectionRange ? "setSelectionRange": "select"](0, 999);
else if (!/input|button|select|option/i.test(b.tagName)) {
    for (; 1 === b.nodeType;) {
        if (b === this.el)
            return;
        b = b.parentNode
    }
}

supak111

looks like you are good, i removed the 1 of the 3 "this.hide()" and it fix my problem :-) thanks a lot

supak111

Now I wish I know why this script ONLY doesn't work on stock HTC internet app. when I open my cart on it the blackouts the whole screen. Works great on all browser in Mac, Windows, all other android browser and iOS browsers. Just stock internet browser in my HTC One has a problem.

jburridge

Did it work before you removed this.hide() or has it never worked?

supak111

No it never worked on just that browser. I've also noticed only on that browser GIF images don't play... I think its just a ****ty HTC browser.

Safari, Chrome, Firefox render the site fine on any platform (mac,win,). Everything works in even Windows Internet Explorer 9 surprisingly

jburridge

settings > advanced > enable gif animation
settings > advanced > enable javascript

The joys of HTC. Both of those should fix both your problems.
If you know you have customers with HTC stock browser you may want some notification for them to do the same.

supak111

both were enabled. gif files work now :-) but my minicart still blackout the screen when it opens up. if anyone has this browser check out www.trydeal.com

jburridge

Afraid I can't help you there. I've seen some mini carts with a ID called something like "black overlay" when the cart opens up it dims the rest of the screen. But I can't find anything similar to that in your CSS. The only thing I could imagine it is, is the "remove this" id.

Can't find to where it would change anything black though.

I'll take a look again tomorrow, I may just be too tired.

supak111

Thanks for looking at it.

Here is the updated, when I click on the "buy now" button or "view cart" button nothing happens, black screen happens next time you click anywhere on the mobile device screen. To get rid of it I have to reload the page.

Also on top of the black screen only thing that shows up on the left is my social media share tool bar script.

It would be opening the cart when I hit either of those.