Use on Checkout with General User Definable 3
Posted: Tue Jun 19, 2018 3:56 pm
DatePicker can be activated on the checkout to work on one of the user definable fields. Here's how to use it on General User Definable 3.
Go to Design / Text / Web Site (cont) / General Information / General User Definable 3. Check "Show" and set "Current Value" to something like "When do you want it to ship". Set "Required" as appropriate for your site.
Go to Design / Library / Layouts / Checkout Prompt / General User Definable 3 RWD.
Replace all code there with the following:
This will use the settings in Settings / Site Options / Prompts / DatePicker.
Tested on SD 2018.
Go to Design / Text / Web Site (cont) / General Information / General User Definable 3. Check "Show" and set "Current Value" to something like "When do you want it to ship". Set "Required" as appropriate for your site.
Go to Design / Library / Layouts / Checkout Prompt / General User Definable 3 RWD.
Replace all code there with the following:
Code: Select all
<fieldset>
<div class="checkout-field-label">
<label for="GENERALUSERDEFINED"><actinic:block if="%3cactinic%3avariable%20name%3d%22GeneralPrompt002Required%22%20%2f%3e"><span class="actrequired"></actinic:block><Actinic:Variable Name="GeneralPrompt002"/><actinic:block if="%3cactinic%3avariable%20name%3d%22GeneralPrompt002Required%22%20%2f%3e">* </span></actinic:block></label>
</div>
<div class="checkout-field-input">
<input class="dpdate" readonly type="text" name="GENERALUSERDEFINED" size="40" maxlength="255" value="<Actinic:Variable Name="GeneralUserDefined"/>"
data-dformat="<actinic:variable name="DatepickerDateFormat" />"
data-sdate="<actinic:variable name="DatepickerStartDate" />"
data-edate="<actinic:variable name="DatepickerEndDate" />"
/>
</div>
</fieldset>
Tested on SD 2018.