In the first part of this series I talked about how to install OpenCart. I also talked about some of the basic configuration needed when you first set up your OpenCart store, and how to create new product and manufacturer categories.
In this part I’ll be digging deeper into OpenCart and talking about adding options, attributes, attribute groups, and most importantly adding categories and products. Kindly enjoy.
When ordering a product, after selecting the product you are usually given the opportunity to specify which color and size you want. These are exactly what options are – choices that you make to personalize a product before checkout. OpenCart gives you the ability to associate different options with a product.
To set up an option, go to the “Catalog” tab and select “Options” from the drop down box. To create an option you have to enter the name of the option, the type (such as a select list, radio option, a check box, etc.), and sort order. Sort orders allow you to change the order in which options are presented when you have multiple options associated with a product.
Creating Attributes and Attribute Groups
Attributes are properties that can be used to compare the similarities and differences between products. A perfect example is when you are trying to compare the weight, color, and storage space of two IPhones like the IPhone 4 and IPhone 4S.
To create an attribute, go to Catalog > Attributes > Attributes and click Insert. You’ll need to provide the attribute’s name, group, and sort order.
An attribute group is just a name for a collection of related attributes. Attributes such as black, red, and yellow can all be classified under the attribute group “Color”.
To create an attribute group, go to Catalog > Attributes > Attributes Group and click Insert.
And now for the most important part of setting up your OpenCart store… adding products! IPhone 5, Apple MacBook Pro, polo shrits, etc. are all examples of products; products are the main part of your store.
To create a product, go to Catalog > Products and click Insert. You’ll be presented with ten tabs, the most important of which are: General, Data, Links, Attribute, Option, Discount, and Image. It is mandatory for you to have detailed information about a product so your customers can be informed about what they are purchasing.
Under the General tab is where you enter basic information about the product, such as it’s name, meta tag description, keywords, and description.
Under the Data tab, you specify the product’s model, SKU (store keeping units), UPC (universal product code), price, minimum purchase amount, stock status, size and weight information, etc.
The Links tab consists of fields to set the manufacturer, categories, and related products.
The Attribute tab enables you to set the various attributes available for the product, and the option tab enables you to set the various Options that are available for the product.
The Discount tab lets you to set any discount pricing information that might be available when your customers purchase the product.
The Image tab allows you to upload various images of the product so customers know what it looks like.
Once all this information has been set, click on the Save button to save the product.
A screenshot of the “Products” screen is shown below. Go ahead and try entering a few products of your own.
To later edit the properties of any product, go to Catalog > Product and click the Edit link under the Action column of the product you want.
This brings us to the end of the series of “Creating your first E-Commerce store using OpenCart.”
Now you know how to install OpenCart, create categories and other attributes and groupings to keep your store organized, and most importantly how to add products.
I hope you’ve enjoyed the series and wish you luck with your very own OpenCart powered e-commerce store!
Image via Fotolia
Tunbosun is a freelance web designer and developer currently studying computer science in the University of Ilorin.
Jump Start Git, 2nd Edition
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
Form Design Patterns