Adding confirm email field in BigCommerce contact form

Recently I worked on a BC project. Client made a small request of adding confirm email field in the contact form of BigCommerce website. Its not really much tricky. Here goes the quick tutorial.

We’ll need to add/edit html code in the BigCommerce Template files. So you just need to click “Design” link in the navigation in BC admin panel and click “Edit HTML/CSS”.

Step 1

Now just find this file page_contact_form.html in the panels. Add this html code in the page_contact_form.html file.

<dt><span class="Required">*</span>&nbsp; Confirm Email</dt>
<dd class="smallTextbox"><input type="text" placeholder="Confirm Email" name="confirm_email" class="Textbox Field200" /></dd>

In the screenshot given below, you can see that I’ve added this code on line number 23-24.

Step 1 - Add code in page_contact_form.html

Step 2

Now you’ll need to add little bit JS code in the ContactFormJavaScript.html file.

var confirm_email = $('#confirm_email').val();
if(confirm_email != email_address) {
  alert('Emails should match');
  return false;

In the screenshot you can see that I’ve added this code on line number 6 and line number 14-19.

Add JS code in ContactFormJavaScript.html

And thats it!! Here goes the output:

Confirm Email field in Contact form BigCommerce

Please post comment if you’ve any question. Thanks

Web Development (The Learning Days)

In my last post, I shared my school days’ moments with you. Continuing from there, I’ll share my next step in life i.e. career in web development.

After my high school got over, I had two months of holidays because generally colleges starts in mid of June (and all my all exams were over by April). So I started going to my uncle’s office. Zanetine was started by my uncle, Gurinder Singh, which later went on to collaborate with Navdeep Singh. I joined Zanetine as a junior team member, and now we were a team of three members.

I didn’t really have any knowledge about web development stuff when I joined Zanetine. I was just eager to learn programming and I was so much addicted to computers. At that time, I used to have a computer with 128 MB RAM, 1200 MHz processor and ~40 GB HDD.

I still remember my first day at Zanetine. My uncle didn’t teach me HTML tags, CSS, etc. He rather taught me about standards, semantics, quality, and web accessibility. I think I can’t will never be able to forget that 45 minutes session with my uncle. I have really learnt a lot from him.

So it was going great. I used to spend most of my time reading eBooks and working on small tasks. At that time, AJAX, Web 2.0, and even IE7 were new things I remember I once got a very exciting assignment from my uncle – It was “Designing and Developing a Webpage for CSSZengarden”.

Oh yeah, I forgot to tell you, I used to learn photoshop from online tutorials (PSD Tuts). Every Saturday was reserved for learning designing while other days were for development. During those days, I used to think that I design quite cool stuff, but now when I look at them, they look so funny. At that time I used to think, I designed very cool stuff, but those look funny now.

And about CSSZengarden, I must say this that assignment assignement has really taught me a semantic way of writing html, browser compatibility issues, and standards, etc. I remember at that time I once developed a webpage there, which was supported in IE5.5 as well. Alas, CSSZengarden was not accepting entries any more then. So it turned out to be more of a was just a practice exercise.

I, thereafter, joined TSGGS Khalsa College and got admission into Bachelors of Computer Applications. Well, our universities really have really very old syllabus, and our education system is not very good. Students run for grades and positions, but they don’t have practical knowledge. I hardly worried about marks, position, or grades. I just cared about practical knowledge, skills & programming. Hence, I ended up spending spent most of my time at Zanetine office.

I didn’t spend much time at college as much as I would spend spent at Zanetine office. Awesome days!!

At Zanetine, I joined as a junior team member. And slowly I started developing nice skills in HTML, CSS, JS, etc., and started working on live projects. I remember, the day when I got my first live project and communicated with a client. I would get got nightmare of complaints/issue raised by my client. lol. I believe I was doing things in a correct way (fixing ugly html code in wysiwyg editors), but the client would want wanted things to be done in really quick. And this  was the thing that eventually taught So this thing taught me about the deadlines, the communication with clients, and the main thing “A client is always right”.

School Days

I was thinking of to share my life experiences with you. So today I am sharing something from my school days.

I really enjoyed my school days. I completed my matriculation from DAV School and secondary education from Town Hall. I took physics, mathematics, chemistry and computer science as my major subjects. I really loved (and still love) mathematics though I wasnt very good at it. I really loved computer science and physics. I always hated Organic Chemistry ugh. I used to attend online video lectures from MIT OCW, IIT, Yale Univeristy etc. Really awesome time.

In school time I made really great friends and still we are best friends. I must mention Vishal, Mandeep, Karan Hitesh and Ranjit are really awesome mates. Vishal and I used to study together and develop small programs in BASIC. We really enjoyed solving those small mathematics problems using BASIC. 🙂

In my secondary level education, I didnt really have much time to write programs because I was quite busy with Physics, Mathematics and Chemistry. But yeah I loved C language and used to write programs in C.

After my school I wanted to pursue B.Tech (Engineering in Computer Science). But due to some financial issues I didnt opt for engineering course (I think it was a good choice 😀 ). After my school I joined my uncle’s company, Zanetine. There I started learning Web Development stuff. I’ll write about it in my next post. Stay tuned !!!