Nothing Special   »   [go: up one dir, main page]

Theme Installation: Opencart 1.5

Download as pdf or txt
Download as pdf or txt
You are on page 1of 19

Theme installation

When getting ready to start an e-commerce business, we can all agree that the products are the
most important aspect to get right. That being said, the look and feel of the e-commerce site
can also make a substantial difference in how long potential customers will remain on the site,
and thus also how likely they are to choose to buy something from you.
Here, we describe how to install a new theme in OpenCart. Themes enable you to customize the
look and feel of your e-commerce site. This guide covers how to install themes in OpenCart,
both in 2.x versions and in version 1.5.
If OpenCart itself is already installed, you can then proceed to install a theme:
• Login to administrator’s interface.
• Click the OpenCart extensions Icon.
• Click Themes.
• Find your store and click the action column.
• Click Edit and you should see Directory list box which should show you the new theme.
• Select the new theme and click enable.
• Make sure to click the save Icon and the theme should be installed and activated.

OPENCART 1.5
The process for installing a theme for older OpenCart versions is similar to the later versions,
except that you need to upload the theme files first.
• First, download the theme files. OpenCart theme files are usually compressed as .zip files.
To see the themes available directly from OpenCart, you can visit their Extension Store.
• Next, extract the .zip archive, and upload the extracted folder and it’s contents to the
site’s document root, or whichever subdirectory the site itself loads from.
• There may be several directories in the theme’s .zip archive. Make sure to upload all of
these to the OpenCart site’s directory.
• Once the files are uploaded, login to your site as the administrator
• On the top menu bar, click System, and then click Settings.
• Locate your store, and then in the Action column, click Edit.
• Click the Store tab.
• In the Template list box, select the new theme and Click Save. The new theme is now
installed and activated.
Module Installation and Modification in
OpenCart
Installing a module
Lets start by logging into your store admin panel. Navigate to Extensions > Extension
installer.

Click on the upload button. A dialog box should open.

Locate the installation folder of the extension you are going to install and select it.
Select the necessary .zip file and click “OK”
After clicking “OK” your extension will be uploaded and a “success” message should
appear

2
Now your module should be visible in Extensions > Modules. After locating it in the
Module list just click the install button (“ + ” sign).

The final step of the installation process is to apply the changes we have just made. In
order to do so, go to Extensions > Modifications and click the Refresh sign at the
upper right corner of the page.

Installing a module in OpenCart 2.x using the Extension installer is easy and intuitive.

3
Customize contact form :
Access OpenCart administration panel. In the browser address bar
type your_domain_name/admin
Login using your username and password
From the top menu select System > Settings and click Edit button

Edit info section of Contact us page and save the changes

4
Use of payment integration and
learn to customize:
A payment gateway integration is a module and extension that is installed
on OpenCart Stores to get instant benefits of the desired payment
solution. It is a simple medium to get seamless payment transactions on
your store and experience smooth transactions online. The Payment done
by customers will simply transfer into the website owner account. The
OpenCart solutions offer a variety of payment method integration with
renowned payment gateway service providers in India, from bank
transfers to online payment gateways.
You will be able to find your own payment gateway module for your store
and integrate it with your website.
The following OpenCart custom payment gateway methods are available
with an OpenCart installation:

1. PayUBiz & PayUMoney OpenCart Payment


Gateway Extension
PayUbiz is another payment gateway solution that was created by PayU
Payments Pvt. Ltd. company. Unlike other payment gateways,
PayUMoney, and PayUBiz solutions play a significant role in payment
solutions for e-commerce transactions across the globe.
TMD PayU payment gateway solutions is a connector between your
OpenCart website and PayU payment gateway merchant to process
payment transfers. This fulfills a vital role in the e-commerce transaction
process and authorizing the payment between merchant and customer.
So if you are an OpenCart cart user in India, and you have registered with
PayUBiz or PayUMoney then this extension is the right choice for you.

5
2. CCAvenue OpenCart Payment Gateway
Module
CC Avenue payment gateway is a connector between your OpenCart
website and your CC Avenue merchant to process payment transfer. This
fulfills a vital role in the e-commerce transaction process authorizing the
payment between merchants and customers.
TMD CCAvenue payment gateway is proudly made in India. It is the only
module that provides an OpenCart E-Commerce payment solution in India.
This is the only module which supports OpenCart based E-Commerce
Websites and it is used by 500+ store in India till date.

3. EBS OpenCart Payment Gateway Solution


EBS is a new payment interface that facilitates online purchases from a
merchant’s website and helps them to collect payment from the end
customers through net banking, credit and debit cards, etc.
And It assembles the various online payment options offered onto a single
platform with minimum technical integration with the merchant website.
OpenCart E-Billing Solutions (EBS) provides a consultative approach to
Indian Merchants for facilitating suitable online payment solutions.
OpenCart EBS extension is also easy to integrate into your online store.
This module provides an easy way to activate the module with your
Account ID & Secret Key.
After an EBS system is integrated with your OpenCart store

6
4. Razorpay Payment Gateway Solutions
Razorpay is yet another prominent payment gateway solution in India.
Integrating your OpenCart store with Razorpay allows you to accept
payments on your OpenCart site via the Razorpay Payment Gateway.
You can accept payments via debit card, credit card, net banking, UPI, or
through any supported wallets.
Rajorpay extension offers seamless integration, allowing the customer to
pay on your website without being redirected. This allows the extension to
work across all browsers and ensures compatibility with the latest version
of OpenCart.
However, the latest version of Rajorpay for OpenCart 3.0 is yet to be
released because currently, it supports only OpenCart 2 and Opencart 1.5
versions.
The OpenCart extension utilizes Razorpay API and provides seamless
integration with Opencart, allowing payments for Indian merchants via
Credit Cards, Debit Cards, Net Banking, etc.

5. InstaMojo OpenCart Payment Gateway


InstaMojo is an India-based payment gateway solutions company that
currently supports only INR currency. So OpenCart module & extension for
InstaMojo shall also not work for any other currency.
Instamojo is a free Payment Gateway solution for million of Businesses in
India. Because there is no setup or annual fee.
However, you have to pay a transaction fee for all transactions occurring
between your store and the Bank via Instamojo. It accepts Debit Cards,
Credit Cards, Net Banking, UPI, Wallets, and EMI.

7
6. Paypal Payment Gateway OpenCart
Although PayPal is available by default in OpenCart. It is one of the widely
used OpenCart Payment Gateway solutions in the world. It is used by over
200 countries and India is not an exception.
PayPal is great for accepting payments from customers internationally
however for Indian customers INR currency is not recognized by PayPal. So
you have to use other currencies such as USD to set up OpenCart Paypal
Payment Gateway and it accepts multi-currency.

7. Citrus OpenCart Payment Gateway


Citus payment gateway is a renowned Indian Payment Solutions company
that offers Payment Gateway solutions for E-commerce store owners.
OpenCart citrus integration payment gateway allows the customer to
make payments through their citrus account and it has the ability to
transfer the payment right away to the seller or hold the payment and
release it later.
Some of the extensions for Citrus payment gateway have extensive
features such as splitting payments between admin and seller and admin
has the ability to hold or release or refund payment.
Using Citrus Payment Gateway as your Payment Gateway solutions is a
good choice in India and there is plenty of available Plugin from the
OpenCart Marketplace.

8. PayTM OpenCart Payment Gateway Solutions


PayTM is an India Based Payment Gateway solution that took the Indian
market by storm in 2017. It is an e-commerce payment solution that
includes a digital wallet system.
OpenCart PayTM payment gateway module supports all the payment that
8
is made via debit card, credit card, and net banking and supports all
purchases made online.
The modules are extremely simple and OpenCart payment gateway
extensions are very simple and easy to install on your store.
It also includes all facilities such as BHIM UPI, Promo Code, and Payment
Position, etc.
Also, you can offer your customers various other payment proprietary
instruments under a single roof other than the Paytm Wallet.
OpenCart PayTM is simple to integrate and it ensures a hassle-free
payment experience for customers.

9. Stripe Payment Gateway for OpenCart


Stripe is a complete payment solution that combines the functionality of a
merchant account and an online gateway.
So you only need Stripe to accept payments and deposit funds into a bank
account. Stripe Payment Gateway is a smart online payment processing
application.
Stripe also builds the most powerful and flexible tools for the internet
commerce industry. So if you are running an OpenCart e-commerce store
or an OpenCart marketplace Stipe Payment Gateway for OpenCart is
indeed a must-have module for your payment solution.
Stripe’s meticulously-designed APIs and unmatched functionality have
given you the best possible ways to integrate your e-commerce business
with the OpenCart Stipe Payment Gateway Module.
Although Stipe is an international company, it has a strong presence in
India as well. Millions of businesses are already using Stripe Payment
Solutions for their business.

9
You can enter your card details directly from your website and also create
refunds from order details and save Credits Cards for later use if a user is
logged.

10. Cashfree Payment Gateway


Cashfree is a domestic and international payment gateway for India. It has
over 100+ payment options. So you can choose from a wide range of
integrations to get the best checkout experience for your customers.
It accepts international cards with more than 100 payment modes such as
Credit cards, Debit cards, Net Banking, EMI, Pay later options, PayTM,
Mobikwik, and other wallets and receives settlement into your bank
account under 48 hours of the transaction.
Opt-in for same-day refund processing and keep your customers
happy.

Learn to customize payment


integration:
OpenCart comes with lots of built-in payment modules. Most probably,
you'll find the payment method of your choice already available. If that's
not the case, there are plenty of third-party payment extensions
available in the OpenCart store.
Lets start with the back-end section to see how things look.

The Back-End
Head over to the back-end section of your store. Go to Extensions >
Payments. It will list all the payment methods available.

10
As you can see, payment methods are already available for the most
popular payment gateways like PayPal, 2Checkout, Authorize.Net, etc.;
however, there are only two payment methods installed and enabled by
default, which are "Cash on Delivery" and "Free Checkout".
In the front-end, only the payment methods enabled in the back-end are
displayed. If you want to display your chosen payment method in the
front-end, two steps are required. First, you need to install the payment
method, and after that you'll need to configure and enable that payment
method. Simply installing won't display it in the front-end.Also, if you
have noticed, there is a Free Checkout option. It'll only be displayed in
the payment options if the order total is zero. It's helpful in certain
circumstances, for example if you want to set up some free demo
products on your store, and still want to capture those orders.

Install and Enable the "PayPal Payments


Standard"
Let's go through the use case of setting up a new payment method for
your store. Click on the Install link for the PayPal Payments Standard,

11
which will install this payment module.

After you've successfully installed the PayPal Payments Standard,


you'll see one more link, Edit, which will take us to the configuration
form interface.

12
Go ahead and click on the Edit link for PayPal Payments Standard,
which will open the configuration form.

The configuration form shows the parameters which are required for
this payment method. It varies for different payment methods, as there
are different parameters required for each of the methods. Let's have a
look at some of the important parameters.
A few parameters are common to every payment method. Let's review
them:
• Status indicates whether the payment method is enabled in the
front-end.
• Order Status allows you to select the status of your order when it
is completed using this payment method. For most cases, "Pending"
is suitable.
• Geo Zone displays this payment method for certain geographical
zones. If you've selected "All Zones", the payment method will be
displayed to all users, irrespective of their geographical location.
• Sort Order is the order in which your payment method will be
listed.

13
There are also some PayPal-specific parameters like Email, Transaction
Method, Sandbox Mode, etc. And you'll see that there are different
order status parameters available, reflecting the status the order could
have during the PayPal transaction.
Once you've filled in the necessary information, click the Save button to
record your changes. In the same way, you can enable multiple payment
methods for your store.

Once you've enabled and configured payment methods from the back-
end, let's check it in the front-end.
Go to the front-end of your store. Add couple of products to the cart and
start the checkout process. OpenCart has provided a nice user interface
for the checkout. We'll jump directly to the fifth step of the checkout,
which is Payment Method.
So as you can see. the PayPal option is now available along with the
default Cash on Delivery.
Once you confirm the order in the last step of the checkout process,
you'll be redirected to the PayPal site for the payment. You'll be
redirected back to your store after completing the payment at PayPal. It's
a generic workflow for any payment gateway.

14
Working with database (Importing,
Exporting, Backup etc ).
Bulk Export and Import is a very powerful extension to export product data and import
product data for Opencart. It allows the admin to export and import product data.
Opencart bulk product upload extension allows admin to export all data at the same
time in an excel sheet. Admin can change product data to update the product. Exported
excel sheets can change data and import data by this extension. In this extension, Admin
does not need to have any type of technical knowledge of programming. Admin just
needs to have knowledge of applications operate. The owner faces a lot of difficult
problems in the e-commerce business. The owner faces a lot of hard problems to
update product data. It solves many problems with this extension.

You will save time by applying integrating the extensionn to bulk import and export data.
Admin can export all data of product like as general, data, link, attribute, recurring,
discount, special, image, reward point, SEO, design, and options tab, etc. if admin
application support multiple languages then you will have to select a language to export
data. Exported data can save like product data backup. If the admin wants to bulk
update the product then the admin needs to have exported data for a bulk product
update. After that admin can bulk import products.

If the admin wants to Opencart bulk import products like mass then you will select a
language and upload data.

Features:
• Admin can add mass products at the same time.
• Admin can update mass products at the same time.
• Admin can export bulk products at the same time.
• Admin can use .xls or .xlsx files, to update bulk product data.
• Admin can view changes in updated products in the frontend instantly.
• Admin can update the product data in multiple languages.
• Admin can bulk add products of multiple languages.
• Admin can bulk update products of multiple languages.

Go to: Purpletree Product Export & Import-> Product Export & import.

After this process, you will get the following page.

15
Admin should download the excel sheet. To download the excel sheet, you will have to
click on “Download Template”. After that, you will download the excel sheet to add bulk
product data.

Product Export:
If the admin wants to export product data then he/she will have to select the language
as one wants and after that, one should have to click on the export button. Admin will get
all product data of a particular language. Now admin can use data for update product
and product data backup.

Product import-
If the admin wants to add product data like bulk then you should download the template
and use this structure of column. After downloading the excel sheet you should add a
detail of the product and you should be remembered that the product id should not be
blank of the used tab. Two tabs “General “and “Data” are required for import data. Admin
can change the position of the column also.

Update product Data-


If the admin wants to update the product then he/she will have to export product data
after that it will update the product. We should use only exported datasheets for update
products because we need product IDs and other ids like product_dicount_id,
product_special_id, product_image_id. For updated products please see
attachedimage.

16
Making a back-up of your site:
Few CMS or shopping cart sytems are a more simple and easy to back-up than Opencart. In
fact this is one of the reasons that we at Arena DM recommend Opencart.
By ensuring that you have a recent back-up of your shop’s database you’ll be able to get your
business up and running again quickly and with minimal fuss should the worst even happen and
you experience a complete system failure. Here we offer a clear, step by step set of instructions
so you can learn how to back-up your Opencart eShop.

STEP 1 – Login to you Opencart Admin Panel


By default, the admin panel is located in a sub-directory of your Opencart shop’s root “admin”
and so you’ll need to type in the address http://www.YOURSTORE.com/admin/ This will bring
up the admin login screen. Enter your username and password and click “LOGIN“

STEP 2 – Navigate to the back-up window


From the main navigation hover over the SYSTEM option and then select “BACK
UP/RESTORE” from the pop up menu. The back-up window will now load.

STEP 3 – Selecting what you wish to back up


In Opencart you don’t need to back up everything every time you back up. You have the option
to back-up just the selected information that you need. For most people a full back up is a good
idea, in fact the only good reason I can think of for not making a full backup of Opencart is if the
server you are on is running slow or that your host provider limits SQL resources in some way.
In either case this doesn’t apply for my clients and so we’re going to perform a full back-up of
Opencart.
To do this click the SELECT ALL link just below the widow full of check boxes. By clicking this
link it will select every possible field available to include in your back-up.
Lastly, simply click the BACKUP button located towards the top right of the screen. After a few
moments you browser will begin to download an SQL file wich contains all of you product data
as well a customer histories and all other information contained in your Opencart shop’s
database.
Well done, your Opencart site has now backed-up. Keep the back-up file safe and remember to
repeat this process regularly to ensure a minimal loss of data if you ever run into problems.

17
Installing and customizing themes
and Modules:
To install a new theme on OpenCart 2.0 and newer versions, follow these steps:

1. Download the theme you want to use. OpenCart theme files are compressed
using .zip format.

2. To view the themes available for OpenCart, please visit


http://www.opencart.com/index.php?route=extension/extension&path=1.

3. Extract the files in the .zip file on your local computer.


4. Upload the extracted folder and its contents to the public_html directory.
o If you installed OpenCart in a directory beneath the public_html directory,
upload the files to that directory instead.
o There may be several directories, such as admin, catalog, image, system
and more. Make sure you upload all of them to the root directory of your
OpenCart installation.
5. Log in to OpenCart as the administrator.
6. On the left sidebar, click the icon, and then click Themes.
7. Locate your store, and then in the Action column, click the Edit ( ) icon.
8. Under General, in the Theme Directory list box, select the new theme.
9. In the Status list box, select Enabled.
10. Click the Save ( ) icon. The new theme is now installed and activated.

o Customizing theme:
It is possible to customize the default theme directly from the Design section of the
admin panel. Also, many store owners set up a theme for improving the design of their
stores.
Luckily, the new Theme Editor in OpenCart gives direct access to template files. Here’s
how we customize the theme.

18
1. Initially, we open the OpenCart admin and go to Design > Theme Editor.
2. Then, we select the store that we wish to customize from Choose the store.
3. And, we select the template file that we wish to customize. For example, we select
the store to Default and choose the product template.
Here, the product template has .twig files, we select the product.twig file to edit the
Product pages in OpenCart store.
4. At last, we make the necessary changes and click the Save button.

o Modules
First you need to search for the desired module and download it. Please have in
mind that it is important to make sure that the module is suitable for the exact
version of the application that you are using. If you try to install a module designed
for different version it would be incompatible and might not function properly or
even damage your website.
Once the module archive is downloaded on your local computer you should extract
in an easy accessible folder. Under the archive there should be an upload folder
which contains the files that have to be uploaded to your OpenCart application via
FTP. Please note that the files need to be uploaded to specific directories.
Unfortunately we cannot provide you with the exact names due to the fact that
there are differences for each module. The files can be uploaded either using the
File Manager in cPanel or your favorite FTP client such as FileZilla.
In our case we need to upload the files to OpenCart-root-folder/admin and
OpenCart-root-folder/catalog.
Once the module is uploaded to the OpenCart application directory you need to
access the administration area of your store. It is available at
yourdomain.com/admin:
Next go to Extensions > Extensions > Modules. Find the module you have uploaded
and click the Install button:

19

You might also like