OpenCart - SPLessons

OpenCart Store Font

Home > Lesson > Chapter 4
SPLessons 5 Steps, 3 Clicks
5 Steps - 3 Clicks

OpenCart Store Font

OpenCart Store Font

shape Introduction

OpenCart have a default store font. The store font reveals how the customer views and interacts with the store. Following are the major concepts covered.
  • Default theme
  • Home page
  • Product Page
  • Creating An Account

Default theme

shape Description

By default OpenCart have a theme after installation, the store contain few sample products data initially and can be easily removed or replaced with the other products later. The list of available themes can be found at OpenCart Extension Directory.

Home page

shape Description

The home page is arguably the most necessary page within the shop, in terms of presentation. In most cases, this can be the primary page that a customer interacts with (especially if they're directed to the store web site from a search engine). The shop's homepage must be easy, whereas at the same time highlighting the shop's products. The most important thing before using the OpenCart is to understand the default homepage. The header - The home page contain the header displayed on the top of the page, the header get displayed not only on the home page but on every page of the store. Following are the options available on the header tab. Top menu - The top menu category only displays the top parent categories of products. Just like the header, the top menu are going to be displayed on every page. Once the customer's mouse is dragged over a category, a drop down menu will show the sub-categories for that parent category. When a customer clicked on the parent category the page get directed to the category page and the products available in that category is displayed. Slideshow - The slideshow displays various product banners of owner's choice by alternating the pictures in a slideshow. After a precise amount of time, one banner can shift to the next banner. Banners during this slideshow are helpful for highlighting certain products to be easily accessible by the customer. Once the banner is clicked on, the customer are going to be directed to the product on the banner's page. Featured products - OpenCart provides owners the choice of featuring specific products of their choosing on the home page. The Featured section includes the product image, name, price; and an option to add the product directly to the shopping cart. Customers can add the products to the wish list for purchasing later and even compare the product with another product using the compare button as shown in the image above. Footer - The footer is found at the bottom of each page, not simply the home Page. This block of miscellaneous links is helpful in sorting relevant pages for the customer which will not logically sort anywhere else. The footer are often divided into the subsequent sections.

Product page

shape Description

The product page in OpenCart looks like as shown in the image below. The product page is divided into 6 sections as follows. Product compare - The "Add to Compare" feature within the product section allows the customer to compare the various specifications, features, and worth of a number of products customers might be curious about. The customer is given the choice to add one of the compared product to the cart if they need to. Pressing "Continue" can bring the user back to the home page. Shopping Cart - Once a customer adds a product to the cart, they will access the shopping cart within the header under "Shopping Cart". The cart provides an overview of the product selected by as well as the categories "Image", "Product Name", "Model", "Quantity", "Unit Price", and "Total". The customer has an choice to add a coupon code or gift voucher, or estimate shipping & taxes, before heading to the checkout. The "Continue Shopping" button links back to the homepage.

Creating an account

shape Description

Before a customer continue checking out a product from the shopping cart, the customer must choose either guest checkout or log into their account. The guest checkout does not need any log-in details. Returning customers might want to make an account with the store. A customer can create an account in two ways. Checkout - Checkout is one of the way for customers to create an account in a store. Step 1 of the checkout method allows the customers to make an account before continuing with payment. Choosing "Register Account" can change Step 2 of checkout from billing to Account & billing details. The Account & billing asks for identical personal details as billing, except that it asks for the customer to create a password for his or her account. After Step 2 is completed, the customer may continue with the checkout method. My Account - The another way for creating an account is by using the My Account in the header tab, the My Account provide two choices for customers for login or to create a new account, if a customer have an existing account can easily login by using the login details or else create a new account by clicking the Register link which is provided under My Account section as shown in the image below.

Summary

shape Key Points

  • OpenCart have a default theme after installation with some sample products
  • The OpenCart provide easy shopping experience for the customers.
  • Customers can create an account in two ways either by checkout or by My Account.
  • OpenCart have available list of themes in OpenCart Extension Directory.