BlogrCart BUTIK v2.0 rocks! Download theme available here at theme featured page!
FOLLOW us at our social networks @irsahindesigns

This is an ads section editable from Blogger dashboard
Example ads/offer placement. Join for free right here!

How To Remove Unwanted Send Order Form Inputs Fields Safely

How To Remove Unwanted Send Order Form Inputs Fields Safely
The send order form included for BlogrCart Butik has the minimal input fields required for blogger store owners to receive orders from their Blogger store.

Using the built in shopping cart plug-in for BlogrCart Butik blogger template, important input fields is also required in order for the send order page to work properly with the shopping cart plug-in.

You can also hide the input (or inputs) to display at the send order form page by " hiding it " using some simple css codes. Below is an example code for the input field for Last Name:-

<div>
  <label for="lastname">Last Name</label>
  <input id="last_name" name="last_name" placeholder="Required" type="name" />
</div>

So in order to "hide it" from displaying at your send order page, add these styles below to hide the fields:-

<div style="position:absolute;left:-9999px;top:-9999px;">
  <label for="lastname">Last Name</label>
  <input id="last_name" name="last_name" placeholder="Required" type="name" value="-"/>
</div>

What the addition styles do is position the Last Name input field away from the page display hence hiding it from users. Using a " display:none; " could not be done as it will trigger error with the shopping cart plug-in.

A " value="-" " is required as the plug-in requires a filled input before processing the input fields sent. So, by adding a " - ", this value will be sent to the email script to process hence prevents errors thrown by the shopping cart plug-in.

Input fields that can not be removed or hide would be:-

  • First Name - input id tagged " first_name "
  • Email - input id tagged " email "


BlogrCart Butik PRO Users

For BlogrCart Butik PRO template owners/users, additional codes have to be commented out as the send order form also comes with a pre-installed customized form validation plug-in which one can edit the error text display.

Taking the same example input field to hide from the send order page as above, go to Blogger dashboard, head over to your Template Editor > Edit HTML > find HTML99 widget.

Expand <b:includable id='cart-email-settings'> and find codes below:-

<script>

... codes ...

$("#contact").validate({
  rules: { 
    first_name: "required", 
    //last_name: "required", // COMMENT OUT THIS LINE
    email: { 
      required: true,
      email: true
    },

.. more codes ...

</script>

Use the input tags as reference with the input fields " id " tags used in the send order form. For example above, the " last_name " tag id is referenced to the " Last Name " input field tags.

Hope it helps.
$ 15.00
Available Options:
No options available for this product.
Order Now?

We Accept:  

No comments:

Post a Comment


This is a Review form message.
Add anything in Blogger dashboard > Posts and Comments > Comment Form Message and it will display here.
Add Links here and works great to add additional messages to reviewer of products at your Blogger store.

Example ads/offer placement. Join for free right here!