Website Development on OpenCart CMS

OpenCart E-commerce Website Development

OpenCart is a specialized open-source e-commerce CMS. Unlike WordPress + WooCommerce, OpenCart was created exclusively for online retail: all entities (product, order, customer, warehouse) are first-class system objects, not add-ons. This ensures predictable performance on large catalogs and minimal overhead.

What the client gets out of the box

OpenCart 4.x includes without additional plugins:

• Catalog management with categories of any nesting level
• Product variants (options with price/SKU/weight influence)
• Multi-warehouse (multiple storage locations)
• Multi-currency and multi-language support
• Promo codes and gift certificates
• Customer ratings and reviews
• Related products and upsell blocks
• Order management with status history
• Basic sales reports

This significantly reduces startup cost compared to general CMS where each module is a separate paid plugin.

OpenCart 4.x Architecture

OpenCart uses MVC architecture with its own framework. File structure:

opencart/
├── catalog/          ← frontend (storefront)
│   ├── controller/   ← page logic
│   ├── model/        ← database work
│   ├── view/         ← templates (Twig)
│   └── language/     ← language files
├── admin/            ← admin panel
│   ├── controller/
│   ├── model/
│   └── view/
├── system/           ← framework core
└── extension/        ← extensions (plugins, themes, gateways)

Controllers inherit from Controller, models from Model, routing via query parameter route:

/index.php?route=product/product&product_id=123
# With SEO-friendly URLs:
/catalog/chairs/office-chair

Website Development Stages

1. Installation and basic configuration — 2–3 days

OpenCart installation, environment setup (PHP 8.1+, MySQL 8, Redis), file system permissions, and initial CMS configuration:

// config.php (generated by installer)
define('DB_DRIVER',   'mysqli');
define('DB_HOSTNAME', 'localhost');
define('DB_USERNAME', 'opencart');
define('DB_PASSWORD', 'secret');
define('DB_DATABASE', 'opencart');
define('DB_PORT',     '3306');
define('DB_PREFIX',   'oc_');

define('HTTP_SERVER',  'https://myshop.by/');
define('HTTP_CATALOG', 'https://myshop.by/');

2. Theme development — 5–14 days (depends on design complexity)

OpenCart 4.x uses Twig as template engine. Custom theme created in catalog/view/theme/{theme_name}/:

{# catalog/view/theme/myshop/template/product/category.twig #}
{% extends 'layout/base.twig' %}

{% block content %}
<div class="category-grid">
    {% for product in products %}
    <div class="product-card">
        <a href="{{ product.href }}">
            <img src="{{ product.thumb }}" alt="{{ product.name }}">
        </a>
        <h3>{{ product.name }}</h3>
        {% if product.special %}
            <span class="old-price">{{ product.price }}</span>
            <span class="new-price">{{ product.special }}</span>
        {% else %}
            <span class="price">{{ product.price }}</span>
        {% endif %}
        <button data-id="{{ product.product_id }}" class="btn-cart">
            Add to Cart
        </button>
    </div>
    {% endfor %}
</div>
{% endblock %}

3. Catalog population — parallel with development

CSV/XML import via extension or direct database insertion:

// Programmatic product creation via model
$this->load->model('catalog/product');

$data = [
    'model'          => 'CHAIR-BLK',
    'price'          => '1499.0000',
    'quantity'       => 25,
    'minimum'        => 1,
    'subtract'       => 1,  // track inventory
    'status'         => 1,
    'product_description' => [
        1 => [  // language_id=1 (Russian)
            'name'             => 'Black Office Chair',
            'description'      => '<p>Product description...</p>',
            'meta_title'       => 'Buy black office chair online',
            'meta_description' => '...',
        ],
    ],
    'product_category' => [5],   // Category ID
    'product_image'    => [      // additional photos
        ['image' => 'catalog/products/chair-side.jpg', 'sort_order' => 1],
    ],
];

$productId = $this->model_catalog_product->addProduct($data);

4. Payment gateways — 2–5 days

Built-in: Bank Transfer, Cheque, COD (Cash on Delivery), Free Checkout.

Installable via Extensions → Extensions → Payment:

• For Russia: YuKassa, Robokassa, CloudPayments, Sberbank Acquiring
• For Belarus: Bepaid (bePaid), CloudPayments (BYN), Assist BY
• International: Stripe, PayPal, 2Checkout

Example custom payment module structure:

extension/
└── payment/
    └── mypayment/
        ├── admin/
        │   ├── controller/payment/mypayment.php
        │   ├── language/ru-ru/payment/mypayment.php
        │   └── view/payment/mypayment.twig
        └── catalog/
            ├── controller/payment/mypayment.php
            ├── language/ru-ru/payment/mypayment.php
            └── view/payment/mypayment.twig

5. Shipping — 1–3 days

Built-in methods: Flat Rate, Free Shipping, Per Item, Weight Based.

For CDEK, Russian Post, Boxberry — marketplace extensions or custom development.

6. SEO optimization — 2–3 days

OpenCart 4.x supports SEO-URLs natively:

Admin → System → Settings → Server → Use SEO URL's: Yes

SEO-URL set for each resource:

INSERT INTO oc_seo_url (store_id, language_id, key, value, keyword)
VALUES (0, 1, 'product_id', '123', 'black-office-chair');

Sitemap generated via built-in extension or separate script.

Performance on Large Catalogs

For catalogs 10,000+ products — mandatory optimizations:

Redis for caching:

// system/config/default.php
'cache' => [
    'engine'  => 'redis',
    'host'    => '127.0.0.1',
    'port'    => '6379',
    'timeout' => '5',
    'expire'  => 3600,
    'prefix'  => 'OC_',
],

Database indexes — OpenCart 4.x has basic indexes, but complex filters need additional:

ALTER TABLE oc_product_to_category ADD INDEX idx_cat_prod (category_id, product_id);
ALTER TABLE oc_product_attribute ADD INDEX idx_attr_val (attribute_id, text(50));

Image optimization — mandatory via ImageMagick or GD, lazy loading for galleries.

What requires custom development

OpenCart covers 80% of standard e-commerce tasks. Non-standard scenarios requiring extension development:

• Complex loyalty system (cashback, tiers)
• ERP/WMS system integration
• B2B functionality (group prices, contracts, payment terms)
• Product configurator with visualization
• Non-standard checkout process

Comparison with alternatives

Implementation timeline

• Installation + configuration + basic setup: 2–3 days
• Custom theme (with design available): 5–10 days
• Catalog import + options setup: 2–5 days
• Payment gateways (1–2): 2–3 days
• Shipping setup: 1–2 days
• SEO + sitemap + micromarkup: 2 days

Typical OpenCart e-commerce store: 2–4 weeks.