Change the drop-down selection option to radio button in the pdp page, edit cart and quick view without changing its functionality.

How to change the drop-down selection option to radio button in the pdp page, edit cart and quick view without changing its functionality.

to that first we need to check with the NetSuite extension>>configuration>>item option>>there we can change the tpl file that it will change reflect on all other pages except if we add any persanization for any product for that we need to fallow the different steps to solve that .

first we need to check which standard template is selected and then we can change it to requirement
this way we can set to but if we want set to personalization we need to fallow few steps
first we need to check whether they have created any template or not then we can add the code to that if they taking a
date dynamically then we need to pass the date dynamically for that we need to give one condition on the view js and then we need to pass that variable to template and we can add the date according to that condition then it will work

bank accouny
{{#if istypeRadio}}
<div class="{{cartOptionId}}-controls-group" data-validation="control-group">
<label class="product-views-option-tile-label">
{{label}} : <span data-value="{{cartOptionId}}">{{selectedValue.label}}</span>
</label>
{{#each values}}
{{#if internalid}}
<div class="personalization-radio-button">
<label data-label="label-{{../cartOptionId}}" value="{{internalid}}" class="product-views-option-tile-picker ">
<input class="product-views-option-tile-input-picker"
type="radio"
name="{{../cartOptionId}}"
data-action="changeOption"
value="{{internalid}}"
data-toggle="set-option"
data-active="false" data-available="true">
{{label}}
</label>
</div>
{{/if}}
{{/each}}
</div>

{{/if}}
ex shild and number of lines;
{{# if istypeRadio}}
<div class="{{cartOptionId}}-controls-group" data-validation="control-group">
<label class="product-views-option-tile-label">
{{label}} : <span data-value="{{cartOptionId}}">{{selectedValue.label}}</span></label>
{{#each values}}
{{#if internalid}}
<div class="Radio-button">
<label data-label="label-{{../cartOptionId}}" value="{{internalid}}" class="product-views-option-tile-picker ">
<input class="product-views-option-tile-input-picker"
type="radio"
name="{{../cartOptionId}}"
data-action="changeOption"
value="{{internalid}}"
data-toggle="set-option"
data-active="false" data-available="true">
{{label}}
</label>
</div>
{{/if}}
{{/each}}
</div>
{{/if}}
js file to create a variable :
_.each(mergedList, function (item) {
					if (item.type == "select") {
						item.istypeSelect = true;
					} else if (item.type == "radio"){
						item.istypeRadio = true;
					} else if (item.type == "checkbox"){
						item.istypeCheckbox = true;
					} else {
						item.istypeText = true;
					}

					if (item.cartOptionId == "custcol_ag_bankpersonlizationcolor" || item.cartOptionId == "custcol_ag_companypersonlizationcolor"
						|| item.cartOptionId == "custcol_ag_logopersonlizationcolor") {
						item.showcoloroption = true
					} else {
						item.showcoloroption = false
					}
					if (item.cartOptionId == "custcol_ag_reversenumbering" || item.cartOptionId == "custcol_ag_ezshield"
						|| item.cartOptionId == "custcol_ag_signaturelines") {
						item.type = "radio";
						item.istypeRadio = true
						item.istypeSelect = false;
					}
				});

after adding we can see that drop down will change to radio button.