eStore – adding datepicker as a product variation?

[ZeOneNZeOnly]

I’m wondering how easy it would be to make a datepicker one of the product variations. Some of my products are rentals and it would be nice to have a way to pick a start and end date when they purchase rather than typing in the dates in a custom field. Is there a way I could insert code into a product variation field to make it a datepicker that would just put the date in for these selections?

I’ve been using a thank you page form to collect the dates, but not everyone does that after the purchase.

Does anyone have a solution for this?

WordPress version: 4.2.2

WP eStore version: 7.0.7

[wzp]

What you are asking is if there could be 2 date-picker variations; one for the start date, and one for the end date. Consequentially, each of these 2 “variations” could contain an infinite number of values (dates). The current design will not allow this; without an extensive overhaul of how the plugin conceptualizes variations.

[ZeOneNZeOnly]

What I’m thinking would be a way to just do this on the field..

Datepicker

I’m going to give this a shot and see if I can get this to work.

[ZeOneNZeOnly]

So in eStore_button_display_helper.php

if($ret_product->custom_input == ‘1’)

{

if(!empty($ret_product->custom_input_label))

$var_output .= ‘<span class=”eStore_custom_input_name”>’.$ret_product->custom_input_label.’: </span><input id=”datepicker” type=”text” name=”custom_input” value=”” class=”eStore_text_input eStore_collect_input” />’;

else

$var_output .= ‘<span class=”eStore_custom_input_name”>Instructions: </span><input id=”datepicker” type=”text” name=”custom_input” value=”” class=”eStore_text_input eStore_collect_input” />’;

if ($line_break) $var_output .= ‘
‘;

else $var_output .= ‘ ‘;

}

I added an ID in here, but it’s not showing up in the code. Is there another place where this is generated I’m missing?

[wpCommerce]

@ZeOneNZeOnly, Which shortcode are you using?

[ZeOneNZeOnly]

not using a shortcode, but I can apply the datepicker if I can make an ID on that input from above.

[ZeOneNZeOnly]

I’m not using the custom input for anything else. I just need it to populate that jquery datepicker on that field and it will input the start date as if someone entered it in so it will be on the receipt/order

[ZeOneNZeOnly]

[wp_eStore_fancy1 id=25]

this is the shortcode on the page I’m using to test

[http://camprentalgear.com/testing-date-picker/]

[ZeOneNZeOnly]

anyone? I added the id to that code in the plugin and it’s not showing up

[wpCommerce]

You edited the correct file. But the code is not there. This is what I see when I view the page:

<span class="eStore_custom_input_name">Start Date: </span>

<input type="text" name="custom_input" value="" class="eStore_text_input eStore_collect_input">

Did you update it via FTP?

[ZeOneNZeOnly]

ahhh I did it via ftp and it worked. I also just had to change

<script>

$(function() {

$( “#datepicker” ).datepicker();

});

</script>

<script>

jQuery(function() {

jQuery( “#datepicker” ).datepicker();

});

</script>

Sweet!!!!

Is there anyway I can modify like variation three to be an input field like this?

[wpCommerce]

It may not be possible since variation is not an input field.

[Author]

Posts