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

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

BlogrCart Butik Download Versions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Prices here are fictional. For DEMO use only.
$ 15.00

Template Display on Laptops PC & Larger Screens

Did you noticed the product image with the SOLD tag has the ADD TO CART button disappeared? These are some of the pre-installed features for BlogrCart Butik PRO e-commerce Blogger template.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.

Prices here are fictional. For DEMO use only.
$ 15.00

Template Display on Tablet Devices

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.

Prices here are fictional. For DEMO use only.
sold out
$ 15.00

Using An Image As Header Banner Use Blogger Widget

Now easy to insert custom Header image banner via Blogger Header widget. click pencil icon > select image from computer > select "Instead of Title and Description" > Insert Image > your done! The background image will display automatically inside the Header container on your template. Ideal minimum header image size 1200px X 180px at 150kb image file size.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Prices here are fictional. For DEMO use only.
$ 55.00

Template Display on Small Mobile Devices

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.

$ 15.00

Auto Product Post Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.
$ 85.00

Product Post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.

Prices here are fictional. For DEMO use only.
$ 45.00

Plain T-Shirt Cotton Round Neck

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.

Prices here are fictional. For DEMO use only.
$ 45.00

Squared Handbag in Mustard Yellow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.

Prices here are fictional. For DEMO use only.
$ 175.00

Designer Tote Handbag Blue Chequered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.

Prices here are fictional. For DEMO use only.
$ 225.00

More Using Landscape Product Image but Differen Size Ratio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.
$ 15.00

Using Landscape Image as Product

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.
$ 18.00

More Sample Product Post Using Square Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.

Prices here are fictional. For DEMO use only.
$ 15.00

Sample Product Post With 2 Product Placeholder Sizes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula eros, eleifend sit amet blandit quis, bibendum ac massa. Phasellus scelerisque turpis et quam varius tempor. Nulla eget turpis pellentesque, lobortis lectus id, consequat sapien. Donec blandit volutpat rhoncus. Donec ornare a metus nec fermentum. Curabitur aliquet odio at ante ullamcorper sollicitudin. Phasellus sem nisl, porttitor sit amet varius porta, vulputate id ante. Duis at eros lectus. Pellentesque non convallis sem.

Cras faucibus nisi a interdum fermentum. Suspendisse blandit sed lacus scelerisque tincidunt. Vestibulum non mattis velit. Fusce non elit bibendum, viverra orci quis, dapibus nunc. Nulla facilisi. Duis hendrerit, sapien nec lobortis bibendum, dolor orci condimentum justo, suscipit ultricies sem tellus at dolor. Ut faucibus semper tempor. Vestibulum at aliquet nulla. Suspendisse at pellentesque nunc, vel porttitor lacus. Suspendisse consequat massa neque, quis tristique leo tristique eu.

Prices here are fictional. For DEMO use only.
$ 15.00
Example ads/offer placement. Join for free right here!