X-Cart forums

[just wondering]

I did a search on the Forums for this but couldn't find anything (although I am willing to accept that I'm blind if someone has asked about this before).

I've noticed that a lot of other sites have a pop up window that will explain what each status means on your Order. Something like this, stol-*AHEM*-borrowed *cough* from CCL:

At any one time an order can have one of the following statuses:

• Submitted √ Order has been stored securely and is awaiting transfer to our order processing server.
• Open √ the order has been received and is being processed. If an order remains in this state for any length of time it is likely to be awaiting stock allocation. Alternatively there may be a problem in processing payment for the order
• Released √ the order has all stock allocated and has had a picking list created
• Queued √ the order has been queued for picking
• In process √ the order is currently being picked, prior to despatch
• Complete √ the order is fully picked and awaiting dispatch/collection
• Invoiced √ the order has been despatched and invoiced
• Cancelled √ the order has been cancelled

For more details about the status of your order please contact our customer service team e-mail@address.here.
> close window

Has anyone made a mod for X-Cart to do something like this?

Cheers.

[Shamun]

I havent quite made a pop-up, I instead put it right on the order history page and as a tool-tip. This is for 4.2 so it would differ to 4.3, but...

In customer/main/search_orders.tpl near the top I have this (note: I'm not sure what was original code):

<p class="text-block">
  {if $orders ne ""}
    {$lng.txt_search_orders_header}
  {else}
    {$lng.txt_search_orders_header}
  {/if}
  <br /> <br /><b>The following are the possible status' your order can be in.  Hover over each to see a description.</b> <br />
    <div id="toolNotFinished">
<a href="#" style="color:red;text-decoration:none;">Not Finished</a>
</div>

<div id="toolFailed">
<a href="#" style="color:red;text-decoration:none;"> Failed </a>
</div>

<div id="toolQueue">
<a href="#" style="color:orange;text-decoration:none;"> Queue </a>
</div>

<div id="toolProcessed">
<a href="#" style="color:green;text-decoration:none;"> Processed </a>
</div>

<div id="toolManufactureQueue">
<a href="#" style="color:green;text-decoration:none;"> Manufacture Queue </a>
</div>

<div id="toolShip">
<a href="#" style="color:green;text-decoration:none;"> Ready to ship </a>
</div>

<div id="toolComplete">
<a href="#" style="color:green;text-decoration:none;"> Complete </a>
</div>
</p><br /> <br /> <br />

{if $mode ne "search" || $orders eq ""}

The javascript:

// Create the tooltips only on document load
//$(document).ready(function() 
//{
   // Match all link elements with href attributes within the content div
//   $('#tooltip a[href]').qtip(
//   {
//    content: 'New text....',// Give it some content, in this case a simple string  
//	style: { name : 'dark' } 
//   });
// });

// Create the tooltips only on document load
$(document).ready(function() 
{
   // Match all link elements with href attributes within the content div
   $("#toolNotFinished").qtip(
   {
	style: { name : 'dark' },
	content: { text: '<b><center><font color="red">Not Finished</font></center></b>You added items to cart and proceeded to checkout, but did not do a transaction.  <b>Orders with this status will not be fulfilled. These cannot be removed from order history either.</b>' },
	position: { target: 'mouse' },
	show: { delay: 0 }
   });
   
      $("#toolFailed").qtip(
   {
	style: { name : 'dark' },
	content: { text: '<b><center><font color="red">Failed</font></center></b>You added items to the cart and proceeded through the checkout and attempted to pay, however, payment failed.  If you continue to receive these errors, please contact support.  <b>Orders with this status will not be fulfilled.</b>' },
	position: { target: 'mouse' },
	show: { delay: 0 }
   });
   
         $("#toolQueue").qtip(
   {
	style: { name : 'dark' },
	content: { text: '<b><center><font color="orange">Queue</font></center></b>You proceeded through the checkout and the order was successfully placed.  This however should only appear for orders with manual payments such as money order, cash or another form.  If you paid using credit card/paypal and your order has this status, please contact support.  <b>If your order status is this, your order will be completed once payment has been received.</b>' },
	position: { target: 'mouse' },
	show: { delay: 0 }
   });
   
         $("#toolProcessed").qtip(
   {
	style: { name : 'dark' },
	content: { text: '<b><center><font color="green">Processed</font></center></b>You proceeded through the checkout and payment was sent successfully.  This status is automatic and any order in this status will eventually be changed to one of the below. <b> Your order will be made.</b>' },
	position: { target: 'mouse' },
	show: { delay: 0 }
   });
   
         $("#toolManufactureQueue").qtip(
   {
	style: { name : 'dark' },
	content: { text: '<b><center><font color="green">Manufacture Queue</font></center></b>Your order is known, and is currently in the queue to be made.  This <i>usually</i> takes between 2-10 weeks.  Please do be patient.' },
	position: { target: 'mouse' },
	show: { delay: 0 }
   });
   
         $("#toolShip").qtip(
   {
	style: { name : 'dark' },
	content: { text: '<b><center><font color="green">Ready to ship</font></center></b>Your order has been made and is ready to be shipped to you!' },
	position: { target: 'mouse' },
	show: { delay: 0 }
   });
   
         $("#toolComplete").qtip(
   {
	style: { name : 'dark' },
	content: { text: '<b><center><font color="green">Complete</font></center></b>Your order has been given to USPS for shipping to you and is no longer in our care.  You should also have received a tracking number.' },
	position: { target: 'mouse' },
	show: { delay: 0 }
   });
   
});