Order Form Customization

[Herza.ID]

I have a question...

1. So Im selling VPS and dedicated Server and within the order form, I dont think the NS1 Prefix and NS2 Prefix are necessary to be there. So Im wondering how to remove this section.

2. How to automatically capitalize the first letter in Personal Information form

Hope someone can help... Thanks...

[Msonliy]

Hello,  Follow the steps below.

templates > orderforms > configureproduct.tpl 

The following code will remove ns1 and ns2. The content of the form will be ns1 and ns2.

   <!-- NS1 && NS2 -->
   <div class="col-md-6 d-none">
    <div class="form-group">
      <label for="inputNs1prefix">{$LANG.serverns1prefix}</label>
        <input type="text" name="ns1prefix" class="form-control" id="inputNs1prefix" value="ns1" placeholder="ns1">
     </div>
     </div>
    <div class="col-md-6 d-none">
     <div class="form-group">
      <label for="inputNs2prefix">{$LANG.serverns2prefix}</label>
       <input type="text" name="ns2prefix" class="form-control" id="inputNs2prefix" value="ns2" placeholder="ns2">
     </div>
     </div>
  <!-- NS1 && NS2 //-->

You will need css to capitalize the first letter. 

Example:

<input type="text" class="form-control" style="text-transform: capitalize";>

Hope these help.

[Herza.ID]

4 hours ago, Msonliy said:

templates > orderforms > configureproduct.tpl 

The following code will remove ns1 and ns2. The content of the form will be ns1 and ns2.

   <!-- NS1 && NS2 -->
   <div class="col-md-6 d-none">
    <div class="form-group">
      <label for="inputNs1prefix">{$LANG.serverns1prefix}</label>
        <input type="text" name="ns1prefix" class="form-control" id="inputNs1prefix" value="ns1" placeholder="ns1">
     </div>
     </div>
    <div class="col-md-6 d-none">
     <div class="form-group">
      <label for="inputNs2prefix">{$LANG.serverns2prefix}</label>
       <input type="text" name="ns2prefix" class="form-control" id="inputNs2prefix" value="ns2" placeholder="ns2">
     </div>
     </div>
  <!-- NS1 && NS2 //-->

I have tried this, but it doesnt recognize the ns1 and ns2 when I hide it. But when I remove the <!-- and --> it works. Thats why Im asking in the community

[Herza.ID]

4 hours ago, Msonliy said:

You will need css to capitalize the first letter. 

Example:

<input type="text" class="form-control" style="text-transform: capitalize";>

This one is fixed. Thanks for the info

[Msonliy]

<div class="col-md-6" style="display:none;"> 
    <div class="form-group">
      <label for="inputNs1prefix">{$LANG.serverns1prefix}</label>
        <input type="text" name="ns1prefix" class="form-control" id="inputNs1prefix" value="ns1" placeholder="ns1">
     </div>
   </div>
<div class="col-md-6" style="display:none;">
     <div class="form-group">
      <label for="inputNs2prefix">{$LANG.serverns2prefix}</label>
       <input type="text" name="ns2prefix" class="form-control" id="inputNs2prefix" value="ns2" placeholder="ns2">
    </div>
</div>

You're welcome. Can you try again?

[facelift]

I will like integrate a from from my WHMCS into my website page.