In v18 Swift v2 Cart Datepicker is Select and Options

Modifies the standard Date Prompt to open an interactive calendar in a small overlay.
Post Reply
graphicz
Posts: 35
Joined: Wed Oct 20, 2010 2:43 pm
Contact:

In v18 Swift v2 Cart Datepicker is Select and Options

Post by graphicz »

In v18 Swift v2 Cart Datepicker is Select and Options

Client running Datepicker in v18 Swift v2 reports that the Datepicker date appears in the Shopping Cart as a Select field with options and these ARE selectable by the customer despite the variable 'DatePickerNoCartEdit' being set to 'True'.

I have posted a solution at: https://community.sellerdeck.com/forum/ ... post556453

Essentially you give the containing form an ID: in 'View Cart Bulk Area RWD' and then in 'Cart Product Details With Thumbnails RWD' find around line 51 '<Actinic:XMLTEMPLATE NAME="DateLine">' and edit it thus:

Code: Select all

<Actinic:XMLTEMPLATE NAME="DateLine">
<div class="item"></div>
<div id="nooneedits" class="item">
	<Actinic:Variable Name="PromptLabel"/>
	<Actinic:Variable Name="PromptValue"/>
	<style>
	#nooneedits option {display:none;}
	#nooneedits select::-ms-expand {
    display: none;
	}
	#nooneedits select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0;
	/*text-overflow: '';*/
	cursor:none;
	border: 0px solid #fff;
	padding: 0;
	background:none;
	}
	#nooneedits {border-bottom: 1px solid #808080;}
	</style>
	<script>
$(function() {
// disable select fields
$('#nooneedits option:not(:selected)').attr('disabled', 'disabled') 

$('#checkoutOform').on('submit', function() {
    $('#nooneedits').prop('disabled', false);
});
$('#nooneedits select').change(function(){
  var text = $(this).find('option:selected').text()
  var $aux = $('<select/>').append($('<option/>').text(text))
  $(this).after($aux)
  $(this).width($aux.width())
  $aux.remove()
}).change()
});
</script>
</div>
</Actinic:XMLTEMPLATE>
Post Reply