X-Cart forums

[autobulbs]

Edit (18/8/09): For 4.2.2 code refer to this post

Hi,

I am trying to put in a popup message telling a user when they have added an item to the cart.

I have done this successfully on http://www.hids4u.co.uk

What you may notice about this is that it isn't using SEF URL's, simply because it causes a 404 error. I am using XC_SEO Basic and have been hacking around in it all day but had no success.

The conflict comes from something added to the URL redirect in cart.php that tells a bit of javascript in menu_cart.tpl to display the pop up, which XC_SEO doesn't like.

Does anyone know how to either incorporate an addition to the URL in XC_SEO or know of an alternative method for getting this to display?

Thanks

[autobulbs]

This has now been solved - i used cookies

Preview at http://www.autobulbsdirect.co.uk

[autobulbs]

Just thought I would share this solution (mainly so I can refer to it myself )

Firstly, in cart.php around line 240 find: func_save_customer_cart($login, $cart);

and put this underneath it:

setcookie("item_added", "true", time()+10);

In init.php at around line 690 add this:

$item_added_cookie = $_COOKIE["item_added"];
setcookie("item_added", "", time()-100);
$smarty->assign("item_added","$item_added_cookie");

In menu_cart.tpl at line 2 add this:

{if $item_added eq "true"}
<div class="item_added" id="item_added_box"><div>{include file="customer/item_added.tpl"}</div></div>
{/if}

Create item_added.tpl in skin1/customer and put this in it:
(replace the buttons with you're own)

<table cellpadding="0" cellspacing="0" border="0" class="basket_popup">
 <td align="center">
 
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
     <tr>
      <td height="16" align="right"><a href="javascript:item_added_close();"}><div style="height:16px; width:50px; cursor:pointer;"></div></a></td>
     </tr>
     <tr>
      <td valign="bottom" height="36" style="padding-left:16px;" align="left"><a href="cart.php" class="viewBasket">View Basket</a></td>
     </tr>
     <tr>
      <td valign="bottom" align="center" height="32">
<a href="javascript:item_added_close();"}><img src="{$ImagesDir}/KeepShoppingBtn.gif" /></a> &nbsp; <a href="/cart.php"}><img src="{$ImagesDir}/CheckoutBtn.gif" /></a>
        </td>
     </tr>
    </table>
    
  </td>
  <td width="8">&nbsp;</td>
 </tr>
</table>

In common.js at the bottom add this:

function item_added_close() {
    document.getElementById('item_added_box').style.display="none";
}

Finally, in skin1.css at the bottom add this:
(again, you will need to replace any images/stying to suit you're site)

.item_added {
    position:absolute;
    width:1px;
    height:1px;
}
.item_added div {
    position:relative !important;
    display:block;
    left:-308px !important;
    top:-148px;
}
.basket_popup {
    background:url(/skin1/images/BasketPopup.png) no-repeat;
    height:170px;
    width:312px;
}

I think that's everything. It could be made much tidier, but this is just somthing I whipped up

Regards
- Nick


Quick Edit:
You will need to uncheck "redirect to cart" in general options

[Learner]

Originally Posted by autobulbs

This has now been solved - i used cookies

Preview at http://www.autobulbsdirect.co.uk

Thanks autobulbs for your effort.
Also is it possible to insert a close button and the small red window scroll through the page?

[balinor]

Moving to Custom Mods

[autobulbs]

Originally Posted by Learner

Also is it possible to insert a close button and the small red window scroll through the page?

Yes it is, I think the code is in there. It is within item_added.tpl:

<td height="16" align="right"><a href="javascript:item_added_close();"}><div style="height:16px; width:50px; cursor:pointer;"></div></a></td>

It just needs to be repositioned slighty. I took this actual bit from previous work i did where the box was a bit smaller (on the HIDS4U site mention in the first post).

I was toying with the idea of making that area link to the basket but decided not to.

I am now going to make it disappear/fade away if not closed within 10 seconds.

Edit: I think I mis read your post!

At the moment it is fixed in position, I will work on making it move with the page

[Learner]

Thanks autobulbs for your codes.

But some problems are-1) It is not working on IE only works on Mozilla.
2)javascript:item_added_close() not working.

please help me.

Thanks to all.

[autobulbs]

Originally Posted by Learner

But some problems are-1) It is not working on IE only works on Mozilla.
2)javascript:item_added_close() not working.

Change

<a href="javascript:item_added_close();"}><div style="height:16px; width:50px; cursor:pointer;"></div></a>

To

<a href="javascript:item_added_close();" style="height:16px; width:50px; cursor:pointer; display:block;"></a>

In item_added.tpl

[Learner]

Originally Posted by autobulbs

Change

<a href="javascript:item_added_close();"}><div style="height:16px; width:50px; cursor:pointer;"></div></a>

To

<a href="javascript:item_added_close();" style="height:16px; width:50px; cursor:pointer; display:block;"></a>

In item_added.tpl

Thanks autobulbs for your reply.But this close code again also not working.The codes are working well on Mozilla only.Is it possible to work universally on all browsers(IE,Opera,Chrome)?

Thanks to all again.

[TanyaG]

Hi Autobulbs. Thanks so much for a great mode. I have one problem. I▓m using Buy Together module. Not sure if you are familiar with it but when I▓m adding bundle into basket popup note doesn▓t display. Any idea?

Many thanks