Results 1 to 2 of 2
  1. #1
    Join Date
    May 2010
    Location
    Athens, Greece
    Posts
    292
    Plugin Contributions
    0

    help question How to call the shipping estimator pop-up from within product info page?

    I'm not sure that this can be done by a non-programmer like me but I thought of asking anyway in case it's easier than I expected:

    All my product_info pages have a 250x250 product picture on the left with the product title to the right of the picture, the price below the title and the "Add to cart" button below the price. What I want to achieve is have a "Click for shipping cost" link between the price and the "Add to cart" button, which will open a pop-up window for the visitor to enter the destination country and see the shipping charge for the particular product plus some explanatory text.

    I think that I can manage to insert the link but, what I can not figure out is how to make it open the pop-up, most probably the already existing Zen Cart shipping estimator.

    I have noticed that all German sites have this facility, probably because they are enforced by law to allow the customer to check the shipping expenses before entering an item in the cart. It gives the potential customer an idea of the cost and saves the trouble of entering items in the cart and be disappointed later when the charge is revealed.

    Please note that my items are banded by weight and destination country, it is therefore impossible to insert a standard text like "Shipping cost is x for Europe and y for America" in the description.

    If this can be done, could somebody accept the challenge and point me to the right direction, i.e. how to change the product_info.php file and call the pop-up.

    Many thanks in advance and best wishes.

  2. #2
    Join Date
    May 2010
    Location
    Athens, Greece
    Posts
    292
    Plugin Contributions
    0

    Default Re: How to call the shipping estimator pop-up from within product info page?

    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;'>&nbsp;&nbsp;Free shipment of all items in the "Artwork" category
    	<br />&nbsp;&nbsp;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 />&nbsp;&nbsp;Δωρεάν αποστολή για όλα τα είδη της κατηγορίας "Έργα Τέχνης"
    	<br />&nbsp;&nbsp;Δωρεάν αποστολή για παραγγελίες άνω των €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.

 

 

Similar Threads

  1. Changeing the back ground on shipping estimator pop up
    By CCMall in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 9 Mar 2013, 11:07 PM
  2. how to remove/hide unwated copy in the pop-up shipping estimator window?
    By Inudat1966 in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 20 Jul 2010, 07:21 PM
  3. How to Remove the Left Column from the Product Info Display Page??
    By autoace in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 20 Aug 2009, 03:37 PM
  4. How to limit the number of countries from the shipping estimator page?
    By w00gle in forum Built-in Shipping and Payment Modules
    Replies: 1
    Last Post: 9 Jun 2009, 03:58 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR