| 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:-
BlogrCart Butik PRO UsersFor 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 |
