Mini-basket model on PROD page

[lesliekirk]

I needed to edit the "My Cart" link in the Global Header. When you click on the link it displays the mini-basket as expected. But when you add a product from the PROD page it goes to the BASK screen instead of triggering the model. I'm thinking maybe I missed an ID or something. I've checked and if I did I'm not sure which one it may have been. I can't post a link to the site because it's behind a password protected directory.

This is the View Cart link code

<li class="level-1"><span><a href="&mvte:urls:BASK:auto;" rel="nofollow" id="js-mini-basket" class="mini-basket">View Cart (&mvte:global_minibasket:basket_count;)</a></span></li>

It will display the mini-basket

I do have the Global mini-basket item assigned to the PROD page. What else should I look for?

[Matt Zimmermann]

Hi Leslie,

If the process of adding a product to your cart is taking you to the basket page, the issue might lie in your purchase form. Make sure the form has an ID of `js-purchase-product`; this should trigger the function you are looking for.

[lesliekirk]

Hi Leslie,

If the process of adding a product to your cart is taking you to the basket page, the issue might lie in your purchase form. Make sure the form has an ID of `js-purchase-product`; this should trigger the function you are looking for.

Here's the Add to Cart form (partial)

<form method="post" action="&mvte:urls:BASK:rr;" name="add" id="js-purchase-product" class="inline-labeling">
            <input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
            <input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
            <input type="hidden" name="Action" value="ADPR" />
            <input type="hidden" name="Product_Code" value="&mvte:product:code;" />
            <input type="hidden" name="Category_Code" value="&mvte:global:category_code;" />
            <input type="hidden" name="Offset" value="&mvte:global:Offset;" />
            <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
            <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
            <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
            <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />

It does have the ID of `js-purchase-product` but it does not seem to be doing the trick.

[Matt Zimmermann]

Hi Leslie,

That looks correct for the opening of the form. Are you using the following for the call to action buttons?

<button id="js-add-to-cart" class="button button-block uppercase add-to-cart bg-green white bold">Add <span class="small-inline-block hide">to Cart</span></button>
<mvt:if expr="NOT l.settings:subscription:mandatory">
    <span data-mmnodisable="true" class="wishlist-button-wrap">
        <span onClick="document.forms.add.action = '&mvtj:urls:WISH:secure;'; document.forms.add.elements.Action.value = 'ATWL';" id="add-to-wishlist-wrap">
            <mvt:item name="buttons" param="AddToWishList" />
        </span>
    </span>
</mvt:if>

[lesliekirk]

Pretty much the same thing

<button id="js-add-to-cart" class="button button-block uppercase add-to-cart bg-green white bold">Add <span class="small-inline-block hide">to Cart</span></button>

                    <span data-mmnodisable="true" class="wishlist-button-wrap">
                        <span onClick="document.forms.add.action = '&mvtj:urls:WISH:secure;'; document.forms.add.elements.Action.value = 'ATWL';" id="add-to-wishlist-wrap">
                            <mvt:item name="buttons" param="AddToWishList" />
                        </span>
                    </span>

[Matt Zimmermann]

Hi Leslie,

I would recommend contacting professional services so they can troubleshoot the site from behind the protected directory.