Hi Jen
This is all possible with Cart Viper.
First please ensure you are using portal templates otherwise you will lose the change when you upgrade. The settings to enable portal templates is located in Store Admin - Store Info. Once this enabled it will also tell you the location of the templates.
When you know the location please go to the folder, find the file /scripts/CatalogNotificationJs.cshtml
Download Example
CatalogNotificationJs.zip
This file we are going edit to have a new razor section and also to modify the modal popup.
1. First we need some new using statements at the top of the file.
@using CartViper.Modules.Store.Cart;
@using DotNetNuke.Common;
2. Next we add a section of razor code to work out the cart url. (I've added this at line 78 in my example file)
@{
var cart = CurrentCart.GetCurrentCart(@Dnn.Portal.PortalId);
var cartUrl = Globals.NavigateURL(cart.CartPageID);
}
3. Finally we just change the modal to have some buttons and use the link we have just worked out. The changes applied are marked in bold below.
<div style="display:none">
<div id="genericModalNotification" style='padding:10px; background:#fff; text-align:center'>
<div class="gmnImage"></div>
<div class="gmnCaption"></div>
<ul>
<li style="margin-right:25px;"><a style="width:120px;" class="btn btn-success" href="#" onclick=" jQuery.colorbox.close();return false;">Continue shopping</a></li>
<li style="margin-left:25px;"><a style="width:120px;" class="btn btn-danger" href="@(cartUrl)">View your basket</a></li>
</ul>
</div>
</div>
I'd like to point out that my example both uses some Bootstrap CSS classes for rendering the buttons. So you should just style these as required , likewise you should style UL element to remove the list-style-type and make the display inline and not block so you don't get stacking of the buttons. These CSS changes are will leave to you since they are simple to implement.
Regards
Mark