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...
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 ""}
Code:
// 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 }
});
});