Forums / Templates, Stylesheets, Page Layout / Customizing the check out page by adding a dropdown menu of delivery times

Customizing the check out page by adding a dropdown menu of delivery times

Views: 6,688

Results 1 to 13 of 13
6 Sep 2008, 3:09 PM
#1
watzursn avatar

watzursn

New Zenner

Join Date:
Jul 2008
Posts:
58
Plugin Contributions:
0

Customizing the check out page by adding a dropdown menu of delivery times

hello,

I'm creating a fast food website where people can order online . I need to customize the checkout page so that a customer can choose a time for their food to be delivered.

So what i am trying to do is add dropdown menu on the checkout page of all the times that their food can be delivered.

Is there an addon that i can download??
Or do i have to create a drop down menu my self?

Thank You!:smile:

6 Sep 2008, 5:36 PM
#2
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

Not sure if there is an addon. But the checkout page does include a section for Special Instructions- you could change this Textarea to a drop down box....

Steve

6 Sep 2008, 8:56 PM
#3
watzursn avatar

watzursn

New Zenner

Join Date:
Jul 2008
Posts:
58
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

s_t_e_v_e:

Not sure if there is an addon. But the checkout page does include a section for Special Instructions- you could change this Textarea to a drop down box....

thanks.... i checked around on the add ons couldn't find a dropdown menu for time picker ... the only drop down menu i found was to to select your DOB .

I will Also be needing the Special Instruction Box During Check Out... Should i just copy that code and paste it right below the special instruction text area?

Thank you very much!

7 Sep 2008, 4:36 PM
#4
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

copy the following template file to your own custom template folder...

tpl_checkout_shipping_default.php

Look for the following:

<fieldset class="shipping" id="comments">

**** <legend><?php echo TABLE_HEADING_COMMENTS; ?></legend> ****
**** <?php echo zen_draw_textarea_field('comments', '45', '3'); ?> ****

</fieldset>

and change the highlighted line for the following;

<legend>Choose Your Time For Delivery</legend> <select name="comments"> <option>?? Delivery Time ??</option> <option>Delivery Time 17:00</option> <option>Delivery Time 18:00</option> <option>Delivery Time 19:00</option> <option>Delivery Time 20:00</option> </select>

Add to the options.....

Test it thoroughly.

Hope this helps...

Steve

10 Mar 2009, 5:45 AM
#5
anitab avatar

anitab

New Zenner

Join Date:
Feb 2009
Posts:
50
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

Could you attach the file you referred to: tpl_checkout_shipping_default.php

This sounds like exactly what I need!

10 Mar 2009, 3:07 PM
#6
anitab avatar

anitab

New Zenner

Join Date:
Feb 2009
Posts:
50
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

I found the referenced file: tpl_checkout_shipping_default.php

in includes/templates/tempate_default

I assume that is the correct file?

I assume the example text would be substituted for both the lines identified in the post?

Thanks!!

11 Mar 2009, 5:06 AM
#7
anitab avatar

anitab

New Zenner

Join Date:
Feb 2009
Posts:
50
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

This worked excellantly!

2 Sep 2009, 2:07 PM
#8
wakenine avatar

wakenine

New Zenner

Join Date:
Nov 2006
Posts:
26
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

Hey Steve, I also needed this for a site, and I was able to get the drop-down to show up fine, but it won't store it in the admin section after the order is placed (which defeats the purpose since we don't know when they want it delivered). Am I doing something wrong here?

22 Mar 2010, 11:47 AM
#9
royal avatar

royal

Zen Follower

Join Date:
Jun 2008
Location:
Canada
Posts:
261
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

Thank you, Steve!:smile:

This works well for me. It shows well in Order Confirmation right above the Address Information.
See it clear in Admin in the Comments field.

Pre-Owned Books and Second Hand Stuff: http://www.onlineyardsale.ca

5 Oct 2010, 9:57 AM
#10
zalimk avatar

zalimk

New Zenner

Join Date:
Oct 2010
Posts:
3
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

Hi Steve pardon my ignorance, I am new to zencart. I want to apply you solution however i could not figure out the "acivate option" after adding to the said file. You help will be much appreciated

5 Oct 2010, 9:59 AM
#11
zalimk avatar

zalimk

New Zenner

Join Date:
Oct 2010
Posts:
3
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

s_t_e_v_e:

copy the following template file to your own custom template folder...

tpl_checkout_shipping_default.php

Look for the following:

<fieldset class="shipping" id="comments">

**** <legend><?php echo TABLE_HEADING_COMMENTS; ?></legend> ****
**** <?php echo zen_draw_textarea_field('comments', '45', '3'); ?> ****

</fieldset>

and change the highlighted line for the following;

<legend>Choose Your Time For Delivery</legend> <select name="comments"> <option>?? Delivery Time ??</option> <option>Delivery Time 17:00</option> <option>Delivery Time 18:00</option> <option>Delivery Time 19:00</option> <option>Delivery Time 20:00</option> </select>

Add to the options.....

Test it thoroughly.

Hope this helps...

sorry I posted to the wrong member
Hi Steve pardon my ignorance, I am new to zencart. I want to apply you solution however i could not figure out the "acivate option" after adding to the said file. You help will be much appreciated

7 Aug 2011, 7:15 AM
#12
itsrajk avatar

itsrajk

New Zenner

Join Date:
Jun 2011
Posts:
4
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

I also want to drop down menu for delivery time, but I dont want to sacrifice comment field. Please suggest if you are aware of a solution.

Thanks,
Raj.

20 Oct 2011, 8:49 PM
#13
inklingsolutions avatar

inklingsolutions

New Zenner

Join Date:
Apr 2009
Posts:
35
Plugin Contributions:
0

Re: Customizing the check out page by adding a dropdown menu of delivery times

Does anyone know of a way to make this dropdown validate?