www.webdeveloper.com
Results 1 to 12 of 12

Thread: 🔴► javascript PayPal minicart problem - Please Help

Hybrid View

  1. #1
    Join Date
    Feb 2012
    Posts
    23

    🔴► javascript PayPal minicart problem - Please Help

    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/

  2. #2
    Join Date
    Jan 2014
    Posts
    28
    Find

    HTML Code:
    #PPMiniCart form {
        color: #333333;
        font: 15px arial,helvetica;
    }
    Replace the "15px" to.. Something smaller.

  3. #3
    Join Date
    Feb 2012
    Posts
    23
    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

  4. #4
    Join Date
    Jan 2014
    Posts
    28
    I'm not experienced enough for that but.. I would say find this
    Code:
    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

    Code:
    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
        }
    }

  5. #5
    Join Date
    Feb 2012
    Posts
    23
    looks like you are good, i removed the 1 of the 3 "this.hide()" and it fix my problem :-) thanks a lot

  6. #6
    Join Date
    Feb 2012
    Posts
    23
    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.

  7. #7
    Join Date
    Jan 2014
    Posts
    28
    Did it work before you removed this.hide() or has it never worked?

  8. #8
    Join Date
    Feb 2012
    Posts
    23
    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

  9. #9
    Join Date
    Jan 2014
    Posts
    28
    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.

  10. #10
    Join Date
    Feb 2012
    Posts
    23
    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

  11. #11
    Join Date
    Jan 2014
    Posts
    28
    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.

  12. #12
    Join Date
    Feb 2012
    Posts
    23
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles