No pop-up

Did you ever get this figured out? What did the alert box say? What theme are you using?

The first thing I would try is testing it on a different theme just to see if there is some sort of conflict with the theme. I might be willing to test myself if you could give me a url to the theme (I couldn't find it doing a quick search).

I'm sorry I cannot give any definite answer although I puzzled this out once with Omega theme.

The basic problem was that the colorbox popin was designed to work with bootstrap theme only and it was using some bootstrap specific variable/structure/something. With any other theme the message turns up in an Alert box as mentioned. Unfortunately I don't have access to that project anymore to check what I did. Probably you will find you way out when you check what is called when the msg is triggered. I hope this helps.

Btw. It'd be great to hear if the popin has worked with any other theme than bootstrap right away.

I have had to look further into this issue, as we wanted to have a clean commerce install without commerce kickstart but still wanted to use this module.

I am using Radix, and the issue is that the naming convention is different for the alerts/messages, this is to fall more in line with Bootstrap.

Here are some examples of the naming conventions/structure:

Omega:

<div id="messages" class="grid-24">
    <div class="messages commerce-add-to-cart-confirmation">
        <div class="message-inner">
            <div class="added-product-title clearfix">Item successfully added to your cart</div>
            <div class="button-wrapper">
                <div class="button checkout">
                    <a href="/cart">Go to checkout</a>
                </div>
                <div class="button continue">
                    <span class="commerce-add-to-cart-confirmation-close">Continue shopping</span>
                </div>
            </div>
            <a class="commerce-add-to-cart-confirmation-close" href="#"><span class="element-invisible">Close</span></a>
        </div>
    </div>
</div>

Radix:

<div id="messages">
    <div class="alert alert-commerce-add-to-cart-confirmation alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        <div class="message-inner">
            <div class="added-product-title clearfix">Item successfully added to your cart</div>
            <div class="button-wrapper">
                <div class="button checkout">
                    <a href="/cart">Go to cart</a>
                </div>
                <div class="button continue">
                    <a href="#" class="commerce-add-to-cart-confirmation-close"><span>Continue shopping</span></a>
                </div>
            </div>
            <a class="commerce-add-to-cart-confirmation-close" href="#"><span class="element-invisible">Close</span></a>
            <div class="clearfix"></div>
        </div>
    </div>
</div>

This is really screwing with the way the CSS and JS are being targeted :( Don't think there is an imediate solution here other than searching through the JS and CSS files and overriding with your own with the class div.messages.commerce-add-to-cart-confirmation switched out for the correct one your theme is showing.

Just for clarification. Are we using the 7.x-1.0-rc2 version of the module? Have you tried the dev version or is that what we're using. This issue is listed as being for the rc2 version. There are A LOT of css and html changes in the dev version so I just want to be clear on which version everyone is using.

Cleaning up RC2 issues. I believe this may be fixed with RC3. If this is still an issue in RC3 please reopen with more details.