FacebookTwitter

A Beginner’s Guide on Creating a Custom Magento Theme

By on Nov 18, 2015 in Beginners, Magento

Samuel Dawson

Professional Expert in Designs2html at Designs2html
Samuel Dawson is a well-maintained and perfect professional expert in Designs2html Ltd which is a balanced psd to html5 company. Samuel has written the above content with great hard-work and shown here how a theme in Magento can be made with great
tips.

Latest posts by Samuel Dawson (see all)

Creating a Custom Magento Theme The e-commerce market has and continues to evolve, and hence, to gain a competitive advantage it is important that your e-store is flexible enough to address consumers changing needs. And, Magento e-commerce platform can help accomplish such an objective in the most efficient and effective manner possible. What’s more? Easy-to-use and intuitive admin panel and tons of eCommerce features is what makes Magento one of the best choices as an e-commerce platform. After all, Magento was primarily created with the purpose of giving users and developers the ability to setup e-commerce store. When starting a Magento project most likely you’ll consider creating a custom Magento theme based on your preferences. As a developer, creating a Magento theme might seem a simple task to you. But, remember that not adhering to Magento rules and regulations can make the task overwhelming and challenging. Moreover, you also need to decide on the Magento version on which your site will run. The new version of the Magento e-commerce platform (i.e. Magento 2) is about to release. However, you can download the beta version of Magento 2 from GitHub. The latest version of Magento has introduced a new default theme called “Luma” – an elegant theme that follows a lot better usability practices compared to the default theme of Magento 1. Wondering how you should create a custom Magento theme? Read on further to learn more. Understanding Basics of Magento Theme All of the Magento themes are stored in...

CSS Button Style

By on Oct 5, 2014 in Beginners, CSS

Enmanuel Corvo

Enmanuel Corvo

Software Engineer at LiveAnswer
Enmanuel Corvo is a Software Engineer experienced in Web Applications Development. Huge fan of Wordpress and an active plug-in author who enjoys writing code and blog posts about anything related to technology. Enmanuel also helps provide cloud solutions and software integrations to enterprise and small business.
Enmanuel Corvo

Latest posts by Enmanuel Corvo (see all)

Styling Buttons with CSS Everyone needs buttons on their site. Buttons to submit a form, buttons to redirect to another page, buttons to open up widgets. Anyways you get the point. The challenge is that by default HTML buttons look very dull. That is why you must style your buttons using CSS to make them more appealing to your visitors. CSS button styling is not that complicated, but it could be challenging if your CSS knowledge is limited. Therefore, I’ve decided put together this simple tutorial to help you understand CSS Button Style. I will attempt to style a button steps by steps and then I will give you a bounce of different buttons styles from which you can pick. CSS Button Style Breakdown There are many ways you can get a button: <button>Click me!</button> <input type="submit">Click me!</button> <a href="#">Click me!</a> For this example I will be sticking with the button tag. This is good because you can use it to submit a form without having to rely on javascript, or you can also use it with javascript an do as you which by preventing default. Nevertheless, I will make classes for CSS Button Styles instead of directly affecting the button tag. The reason for this is that if you which to use something else than button, like a tag or input tag you can, all you have to do is assign the class to them, like this: <a href="#" class="custom-button-style">Click Me!</a> So with no further delay let’s get...

Creating a WordPress plugin for beginners

By on Jan 31, 2014 in Beginners, PHP

Enmanuel Corvo

Enmanuel Corvo

Software Engineer at LiveAnswer
Enmanuel Corvo is a Software Engineer experienced in Web Applications Development. Huge fan of Wordpress and an active plug-in author who enjoys writing code and blog posts about anything related to technology. Enmanuel also helps provide cloud solutions and software integrations to enterprise and small business.
Enmanuel Corvo

Latest posts by Enmanuel Corvo (see all)

WordPress has become the most popular CMS platform out there. It is very reliable and easy to use, but most of its success is due to the fact that WordPress is one of the most dynamic platforms, it can be extended via open source plugins that are available for free, and also paid one. Any body can develop a plugin for WordPress, and it does not take much to create a WordPress plugin. This concise tutorial is aim to guide you through the steps of creating a WordPress plugin from scratch. WordPress is PHP base which makes it easy to understand and grasp. PHP is such a popular language that almost any web developer is familiar with it in some way. This popular accessibility is key to WordPress success. Building a plugin is just a matter of understanding a file structure and begin able to follow well written documentation from the WordPress website itself. Thats yet another good thing about WordPress, it is packed with documentation like no other CMS. Getting Started Its possible to follow this simple tutorial by just reading through it; however, I recommend that you download and install WordPress in your localhost so you can follow the steps in creating the plugin. It should be fairly simple to get WordPress running in your local host. Just make sure you have a local server running in your machine, free version of MAMP has done the trick for me for quite some time now. But before I...

Creating a jQuery plugin

By on Jan 26, 2014 in Beginners, jQuery

Enmanuel Corvo

Enmanuel Corvo

Software Engineer at LiveAnswer
Enmanuel Corvo is a Software Engineer experienced in Web Applications Development. Huge fan of Wordpress and an active plug-in author who enjoys writing code and blog posts about anything related to technology. Enmanuel also helps provide cloud solutions and software integrations to enterprise and small business.
Enmanuel Corvo

Latest posts by Enmanuel Corvo (see all)

Why Create a jQuery plugin Sometimes its is useful to have a piece of functionality available throughout your code. Maybe you want a single function you can call on a jQuery selector that performs a specific action on such selector. Or maybe you wrote a utility function in one of your projects and now you want to be able to move it easily to other projects. In any case writing a plugin is your best option. jQuery is great. It’s cross-browser, easy to learn, and helps you make very user-friendly interfaces. It also comes with a lot of useful plugins to do almost whatever you want. But sometimes a lot is not enough, what if you can’t find just the right plugin to suit your needs? Or maybe there exist a plugin but its too large, and you just want part of it. The solution might be to roll up your selves and write your own stuff. After all it sound more complicated than it really is. This short tutorial will go through the process of writing a simple plugin, adding some options, and even perform a callback. Setting Up You can download the entire project from GitHub here For this tutorial, we will be creating a simple accordion plugin. Let’s create a js file and put it in the “js” directory of our website. It’s tradition to start all js plugin’s files with “jquery dot” followed by the actual plugin name, so we’ll call ours “jquery.simple-accordion.js”. – Our...

Choosing a text editor – what are my options?

By on Jan 25, 2014 in Beginners, CSS, HTML, jQuery

So you want a text editor, cool let’s talk about text editors. As you start working more hands on with code: HTML, CSS, Java Script and any other language, you are going to want to use a good text editor because notepad simple doesn’t do the job any more. So… choosing a text editor, where to start? There are a few things to take into consideration when choosing a text editor, you want something that is reliable, easy to use and popular. Popular because that mean there is going to be tons of support and blogging  about using that editor, in addition to possible open source add ons. But at the end of the day it all comes down to personal preference, what ever makes you happy. So I have put together a list of good text editors I have used in the past, hope this helps you find your way to the perfect text editor. Sublime Text 2 Platforms: Windows/Mac/Linux Sublime Text 2 is a sophisticated text editor for code, html and prose. You’ll love the slick user interface and extraordinary features. Sublime Text 2 is a great text editor, it is actually one of my favorites text editors. I has many nice features that definably makes writing code easier. One of my favorite thing about Sublime Text 2 is that you can install all sorts of open source plugin. One of my favorite plug in is ZenCoding (really makes HTML coding a lot easier) read more about...

Adding a CSS file to your HTML page

By on Jan 25, 2014 in Beginners, CSS, HTML, Intermediate

CSS is very useful, it allows you to style your website to your taste. It is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. There are multiple was of using CSS and adding it to an HTML page. In this short tutorial I will show you a few ways of adding CSS to your website. First things first, Create a CSS file Open your favorite text editor (if you don’t have one get one choosing a text editior) and create a new file with extension .css. Once you have the file you can start declaring your styles using ‘tags’, ‘classes’, ‘ids’ and or a combinations of all of them. What are classes, ids, and tags The class selector is used to specify a style for a group of elements. The class selector is most often used on several elements.This allows you to set a particular style for many HTML elements with the same class.The class selector uses the HTML class attribute, and is defined with a “.”In the example below, all HTML elements with class=”red-background” will have a red background: ?View Code CSS1 2 3 4 #para1{ text-align:center; color:red; } You can also declare global attributes for HTML tags such as p, div, li, ul etc. And this is done in the same format as above: ?View Code CSS1 2 3 4 p{ text-align:center; color:red; } You can also...