Order Delivery Date Support Thread

[mc12345678]

I have another issue with this plugin and the classic responsive template.

The presence of mootools is breaking the mobile device menu on this page - you'll see its contents below the footer.

If you remove mootools from the directory it works properly.

Any ideas?

Ummm.. Not specifically, I mean I have the following checkout_shipping.css file:

 /* 
 * Altered for ORDER DELIVERY DATE contribution
 * Zen Cart Version: 1.3.8a
 * Modification Date: 2008-05-15
 * Author of this modification: MrMeech
 * Previous authors to this contribution are: Peter Martin (pe7er), James Betesh
 * This contribution is licensed under the GNU Public License V2.0
 * http://www.zen-cart.com/license/2_0.txt
 */ 
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */
.hidden {
 opacity: 0;
 position: absolute;
}
.visible {
 opacity: 1;
}

input.calendar,
select.calendar {
 width: 99px;
}
button.calendar {
 background: url(../images/calendar/calendar-icon.gif);
 border: 0;
 cursor: pointer;
 /* float: left; */
 height: 20px;
 width: 20px;
 margin-right: 6px;
}
button.calendar:hover,
button.calendar.active {
 background-position: 0 20px;
}
div.calendar {
 background: url(../images/calendar/calendar.png);
 height: 195px;
 padding: 0 6px;
 text-align: center;
 width: 147px;
} 
 div.calendar * {
  margin: 0;
  padding: 0;
 } 
 div.calendar div {
  background: none !important;
  cursor: move;
  height: 185px;
  overflow: hidden;
  padding-top: 10px;
  position: relative;
  width: 147px;
 } 
 
 div.calendar caption {
  color: #333;
  font: normal 12px/16px Arial, Helvetica, sans-serif;
  padding-top: 6px;
  text-align: center;
  width: 100%;
 }
 div.calendar caption a {
  cursor: pointer;
  display: block;
  height: 12px;
  overflow: hidden;
  position: absolute;
  text-indent: -100px;
  top: 17px;
  width: 11px;
 }
 div.calendar caption a.prev {
  background-image: url(../images/calendar/calendar-prev.gif);
  left: 0;
 }
 div.calendar caption a.next {
  background-image: url(../images/calendar/calendar-next.gif);
  right: 0;
 }
 div.calendar caption a:hover {
  background-position: 0 12px;
 }
 div.calendar caption span {
  height: 25px;
  position: relative;
  text-align: center;
 }
 div.calendar caption span.month {
  padding-right: 8px;
 }
 div.calendar caption span.month:after {
  content: ',';
 }
 div.calendar table {
  background: #FFF;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  cursor: default;
  margin: 0 auto;
  overflow: hidden;
  width: 147px;
 }
 div.calendar td,
 div.calendar th {
  border: 0;
  color: #0597DB;
  font: normal 12px Arial, Helvetica, sans-serif;
  height: 21px;
  text-align: center;
  width: 21px;
 }
 div.calendar td {
  background: url(../images/calendar/calendar-td.gif);
  color: #FFF;
  font-size: 11px;
 }
 div.calendar td.invalid {
  color: #FF9999;
 }
 div.calendar td.valid {
  background: url(../images/calendar/calendar-valid.gif);
  color: #0597DB;
  cursor: pointer;
 }
 div.calendar td.hilite {
  background: url(../images/calendar/calendar-hilite.gif);
 }
 div.calendar td.inactive {
  background: url(../images/calendar/calendar-td.gif) 0 100%;
  color: #FFF;
 }
 div.calendar td.active,
 div.calendar td.hover {
  background: url(../images/calendar/calendar-valid.gif) 0 100%;
  color: #FFF;
  cursor: pointer;
 }

and I have jscript_a-mootools.js and jscript_b-calendar.js loaded on responsive_classic and in mobile, template and standard desktop the calendar will appear adjacent to the button and the button adjacent to the text block. BTW, you can test "mobile" or "template" on your desktop to possibly rework the css by adding to your URL: &layoutType=mobile or &layoutType=tablet as desired for each of those "styles" to be applied to your desktop and then F12 (from PC I'm not sure how to do so on Macintosh) to then "locally" play with the CSS if needed.

Might want to check html validation/console for any validation issues.

[royaldave]

Ummm.. Not specifically, I mean I have the following checkout_shipping.css file:

 /* 
 * Altered for ORDER DELIVERY DATE contribution
 * Zen Cart Version: 1.3.8a
 * Modification Date: 2008-05-15
 * Author of this modification: MrMeech
 * Previous authors to this contribution are: Peter Martin (pe7er), James Betesh
 * This contribution is licensed under the GNU Public License V2.0
 * http://www.zen-cart.com/license/2_0.txt
 */ 
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */
.hidden {
 opacity: 0;
 position: absolute;
}
.visible {
 opacity: 1;
}

input.calendar,
select.calendar {
 width: 99px;
}
button.calendar {
 background: url(../images/calendar/calendar-icon.gif);
 border: 0;
 cursor: pointer;
 /* float: left; */
 height: 20px;
 width: 20px;
 margin-right: 6px;
}
button.calendar:hover,
button.calendar.active {
 background-position: 0 20px;
}
div.calendar {
 background: url(../images/calendar/calendar.png);
 height: 195px;
 padding: 0 6px;
 text-align: center;
 width: 147px;
} 
 div.calendar * {
  margin: 0;
  padding: 0;
 } 
 div.calendar div {
  background: none !important;
  cursor: move;
  height: 185px;
  overflow: hidden;
  padding-top: 10px;
  position: relative;
  width: 147px;
 } 
 
 div.calendar caption {
  color: #333;
  font: normal 12px/16px Arial, Helvetica, sans-serif;
  padding-top: 6px;
  text-align: center;
  width: 100%;
 }
 div.calendar caption a {
  cursor: pointer;
  display: block;
  height: 12px;
  overflow: hidden;
  position: absolute;
  text-indent: -100px;
  top: 17px;
  width: 11px;
 }
 div.calendar caption a.prev {
  background-image: url(../images/calendar/calendar-prev.gif);
  left: 0;
 }
 div.calendar caption a.next {
  background-image: url(../images/calendar/calendar-next.gif);
  right: 0;
 }
 div.calendar caption a:hover {
  background-position: 0 12px;
 }
 div.calendar caption span {
  height: 25px;
  position: relative;
  text-align: center;
 }
 div.calendar caption span.month {
  padding-right: 8px;
 }
 div.calendar caption span.month:after {
  content: ',';
 }
 div.calendar table {
  background: #FFF;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  cursor: default;
  margin: 0 auto;
  overflow: hidden;
  width: 147px;
 }
 div.calendar td,
 div.calendar th {
  border: 0;
  color: #0597DB;
  font: normal 12px Arial, Helvetica, sans-serif;
  height: 21px;
  text-align: center;
  width: 21px;
 }
 div.calendar td {
  background: url(../images/calendar/calendar-td.gif);
  color: #FFF;
  font-size: 11px;
 }
 div.calendar td.invalid {
  color: #FF9999;
 }
 div.calendar td.valid {
  background: url(../images/calendar/calendar-valid.gif);
  color: #0597DB;
  cursor: pointer;
 }
 div.calendar td.hilite {
  background: url(../images/calendar/calendar-hilite.gif);
 }
 div.calendar td.inactive {
  background: url(../images/calendar/calendar-td.gif) 0 100%;
  color: #FFF;
 }
 div.calendar td.active,
 div.calendar td.hover {
  background: url(../images/calendar/calendar-valid.gif) 0 100%;
  color: #FFF;
  cursor: pointer;
 }

and I have jscript_a-mootools.js and jscript_b-calendar.js loaded on responsive_classic and in mobile, template and standard desktop the calendar will appear adjacent to the button and the button adjacent to the text block. BTW, you can test "mobile" or "template" on your desktop to possibly rework the css by adding to your URL: &layoutType=mobile or &layoutType=tablet as desired for each of those "styles" to be applied to your desktop and then F12 (from PC I'm not sure how to do so on Macintosh) to then "locally" play with the CSS if needed.

Might want to check html validation/console for any validation issues.

The page and calendar work fine - its just that at the bottom of the screen (on mobile) I get the contents of the menu -



I have worked out if I remove the mootools file then the menu goes back to where it should be.

[nicksab]

I am using this module on ZC 1.56 and it working great so far.

However, I do have a request and I am not sure if it is possible.

Is it possible to block off some delivery date based on the product category?

Meaning that if someone order item 1 from category A, all date are available but if he order item 1 from category B, it is only available to ship on 01- 20 thru 01-25.

Trying my best to explain what I am looking for and hopefully, someone can help

Thank you

[mc12345678]

I am using this module on ZC 1.56 and it working great so far.

However, I do have a request and I am not sure if it is possible.

Is it possible to block off some delivery date based on the product category?

Meaning that if someone order item 1 from category A, all date are available but if he order item 1 from category B, it is only available to ship on 01- 20 thru 01-25.

Trying my best to explain what I am looking for and hopefully, someone can help

Thank you

There is some guidance in one of the javascript files about how to "block" out dates. The information is generic in nature like how to prevent delivery within the next 3 days or something. What you would want to do at or before this point is to evaluate the cart contents and assign the earliest delivery date based on those results.

The file I am talking about having some guidance is: includes/modules/pages/checkout_shipping/jscript_calendar_head.php

The file already has some php "code" in it, but seems like this would be a decent place to incorporate an evaluation of the session variable and associated data to control how the date is presented.

[nicksab]

There is some guidance in one of the javascript files about how to "block" out dates. The information is generic in nature like how to prevent delivery within the next 3 days or something. What you would want to do at or before this point is to evaluate the cart contents and assign the earliest delivery date based on those results.

The file I am talking about having some guidance is: includes/modules/pages/checkout_shipping/jscript_calendar_head.php

The file already has some php "code" in it, but seems like this would be a decent place to incorporate an evaluation of the session variable and associated data to control how the date is presented.

I did look into that file. However, I am using the modification from post # 7 on this thread. It blocks delivery date base on server and works great so far. However, I am not getting a "calendar" display for such. It is giving me a drop down menu instead.

My expertise in coding is limited so bare with me please. Not sure however to proceed at this point. I have seen ways where you can have cart checked in order to block things.

I haven t been able to find anything about blocking these dates based on a specific category though

[nicksab]

hello,

I am not sure if this is possible but I would like to disallow checkout or block delivery date based on this criteria:

-any product except the one from category 11 is in the cart then date 02-11 thru 02-14 are blocked.

I am currently using order delivery date as an add on for my cart. To be honest, I tried to ask there but did not get much luck.

The code in my tpl_checkout_shipping_default is as follow:

<!-- Bof Order Delivery Date -->
<!-- Bof Ship Date -->
<fieldset class="shipping" id="order_delivery_date">
<legend><?php echo TABLE_HEADING_DELIVERY_DATE; ?></legend>
<select name="order_delivery_date">

<?php

$current_time = (date("h:ia"));
$current_hour = (date("H")); // 24 hour time as two digits
$begin_cutoff_hour = '12H30'; // set on a 24 hour time clock
$end_cutoff_hour = '21'; // set on a 24 basis - "19" would be 7pm
$time_zone_adjust = '0'; // use this to adjust your hour value forward or backwards
$display_current_time = false; // Chage to "true" to check your system time for adjustments to $time_zone_adjust. Result will be echo'd to browser below ship date dropdown menu

$current_adjusted_hour = ($current_hour + $time_zone_adjust);

if($current_adjusted_hour <= $begin_cutoff_hour) {
        $date_offset = '0';
        }
    else {
        $date_offset = '1';
        }

for ($i=$date_offset, $n=50; $i < $n; $i++) {
    $now[$i] = strtotime ("+$i day", time());
    if ( strftime ("%w",$now[$i])<>"0"
        AND strftime ("%m-%d",$now[$i])<>"12-25"
		AND strftime ("%m-%d",$now[$i])<>"12-31"
		
        AND strftime ("%m-%d",$now[$i])<>"01-01"
        ){
        echo '<option value="'.strftime ("%Y-%m-%d",$now[$i]).'">'.strftime ("%A %d %B %Y",$now[$i]).'</option>';
        }

 }
?>
</select>
</fieldset>
<?PHP
if ($display_current_time == true) {
    echo "YOUR SYSTEM TIME IS $current_time";
    }
?>
<!-- Eof Ship Date -->
<!-- Eof Order Delivery Date -->

I am currently able to block certain dates and to skip the day if time passed. Is there a way to block date base on product master category?

I am a real newbie when it comes to coding. I tried the Admin flag but it is not changing anything or at least not working for me.

Please any help will be really appreciated

Thank you

[SpyderSL]

Hoping someone can help - is this plugin still working with the latest version of ZC? I installed, and can get a store selection radio buttons at checkout, but there is no date picker, only a text field. If the user enters a date, it accepts it, but they're unable to use a drop down. Also, the heading above the box shows 'TABLE_HEADING_DELIVERY_DATE'.

[weif]

Hoping someone can help - is this plugin still working with the latest version of ZC? I installed, and can get a store selection radio buttons at checkout, but there is no date picker, only a text field. If the user enters a date, it accepts it, but they're unable to use a drop down. Also, the heading above the box shows 'TABLE_HEADING_DELIVERY_DATE'.

I have this working on 1.5.6a and on 1.5.6c, so it should work. From your screenshot, I can see that you have at least a missing entry in a language file - that's why you see "TABLE_HEADING_DELIVERY_DATE" instead of the instruction to select a date. The missing calendar pop-up indicates either a javascript conflict or missing header files. I would start by double checking that you installed correctly and all the files are in the right places...

[mc12345678]

I have this working on 1.5.6a and on 1.5.6c, so it should work. From your screenshot, I can see that you have at least a missing entry in a language file - that's why you see "TABLE_HEADING_DELIVERY_DATE" instead of the instruction to select a date. The missing calendar pop-up indicates either a javascript conflict or missing header files. I would start by double checking that you installed correctly and all the files are in the right places...

It could also be something missing from the css that would cause the calendar to popup in view (it may be popping up off screen somewhere).

[royaldave]

Hi

Just some feedback for the next version.

Zencart 156 introduced showing the order details on the checkout success page. As the delivery date is obviously not there I was getting a deluge of emails from customers confirming their delivery date (Yes they were too lazy to read their email), so I was forced to add it in there.

For similar reasons I would also recommend adding it to order details under My Account.

Also I have changed the heading of 'Date' on the My Account page to 'Ordered' so that customers don't confuse the date with delivery date.

Thanks for listening ....