I can assume from the lack of any reply that what I was asking is probably not possible and have tried to find a workaround. I inserted the following HTML code in the tpl_product_info_display.php file, just above the <!--bof Add to Cart Box --> line. This inserts an icon and text link above the "Add to Cart" button. When the mouse pointer hovers over the icon or text, a pure CSS (no javascript) pop-up opens and provides some information to the visitor. The pop-up disappears as soon as the mouse pointer is moved away from the link.
HTML Code:
<div id="postagecost">
<br />
<table>
<tr>
<td valign="middle">
<a onmouseover="document.getElementById('PopUp').style.display = 'block' " onmouseout="document.getElementById('PopUp').style.display = 'none' " onfocus='this.blur();'><span style="text-decoration: underline;">
<img src="images/design/aircraft.png" title="Shipping expenses - Έξοδα αποστολής" alt="cost" height="16" width="16" /></span></a>
<div id='PopUp' style='display: none; position: absolute; left: 250px; top: 250px; border: solid orange 8px; padding: 10px; background-color: #fff8dc; text-align: left; font-size: 12px; z-index: 1000; width: 450px;'>
• Free shipment of all items in the "Artwork" category
<br />
• Free shipment of orders over €300 (or equivalent)
<br />
Postage of all other items depends on weight and country of destination. Place one or more items in the cart to see the shipping expenses.
<br /><br />
• Δωρεάν αποστολή για όλα τα είδη της κατηγορίας "Έργα Τέχνης"
<br />
• Δωρεάν αποστολή για παραγγελίες άνω των €300 (ή ισότιμο)
<br />
Για τα υπόλοιπα είδη, το κόστος εξαρτάται από το βάρος και τη χώρα προορισμού. Βάλτε ένα ή περισσότερα είδη στο καλάθι για να δείτε το κόστος αποστολής.
<br />
</div>
</td>
<td valign="middle">
<a onmouseover="document.getElementById('PopUp').style.display = 'block' " onmouseout="document.getElementById('PopUp').style.display = 'none' " onfocus='this.blur();'><span style="text-decoration: underline;">
Shipping expenses<br />Έξοδα αποστολής</span></a>
</td>
</tr>
</table>
</div>
The link and the pop up can be seen in any product listing page like, for example, here and my questions to anyone who could help are:
- How can I possibly make this code language specific? I have been forced to make the link and the pop-up text bilingual but it would be a lot better if only the appropriate language (English or Greek) appeared.
- How can I make the €300 change to the equivalent amount in the selected currency? I have already done it in the green bar on top of my pages, which is actually a side box styled to appear on top of the page rather than in a side column.
Any help will be really appreciated with many thanks in advance to all you kind souls.
Bookmarks