Technical demonstration · OpenCart → Shopify

OpenCart → Shopify technical demonstration

I migrated part of the data from the previous OpenCart store on valisimo.com to a separate Shopify store. The demonstration shows the data selection, the import, the new interface and the map of old and new URLs.

This is my own project, not a client project. The Shopify store is behind a password and does not take real orders or payments. valisimo.com remains the Shopify studio’s website.

Imported data

What data was imported

The OpenCart database held 56 product rows. Only 9 had an active Bulgarian record and belonged to the catalogue; the other 47 sample or unsuitable records were left out, not carried over ‘just in case’.

Product rows in the old store
56
Approved for migration
9
Valid images
33
Checked pairs of URLs
19
Personal records in Shopify
0

Comparing the two stores

How the interface changed

The product data was kept, and the navigation, the product pages and the basket were reworked for Shopify.

Information architecture
Before Repeated menus, categories with no products and two URLs for the men’s category.
After One catalogue, two collections and 19 checked pairs of URLs.
Product data
Before A mix of Bulgarian records, English sample content and outdated sales copy.
After 9 products, 9 variants and 33 valid images in a model with no personal data.
Path to an order
Before Unclear icon-only actions, empty ratings and a partly untranslated basket.
After Visible availability, clear terms and consistent actions in Bulgarian.
Use on a phone
Before The mobile menu is a separate white list, with no order by task, no context and no direct ways into buying.
After A dedicated mobile menu with a clear hierarchy and separate ways into the two collections.

A visual archive before the switch-over

Comparison: OpenCart and Shopify

The screenshots were taken on 24 August 2026 and show the old OpenCart interface and the protected Shopify demonstration.

01 · Home page

Home page

  • One leading message and one main action on the first screen.
  • The product photos from the old catalogue are kept.
  • Every page states that the demonstration does not take orders.
The new Shopify home page, with a large product image, a clear headline and two actions. Before · OpenCart After · Shopify
The Shopify version opens with the main offer and direct links to the products, instead of several blocks of equal weight.
The old OpenCart home page, with a small logo, a horizontal menu, a large slider and product tabs.

02 · Navigation on a computer

Navigation on a computer

  • The collections are grouped under Catalogue.
  • The active state is visible with a mouse and with a keyboard.
  • The message at the top is separated from the main navigation.
The new Shopify navigation on a computer, with the Catalogue menu open, showing collections, promotional products and help with ordering. Before · OpenCart After · Shopify
The Catalogue menu brings the collections, the promotional products and help with ordering together in one place.
The old OpenCart navigation on a computer, with a small logo, a dense row of categories and separate action icons.

03 · Catalogue and collections

Catalogue and filters

  • 56 rows are reduced to 9 products; 47 sample or unsuitable records are dropped.
  • Availability is visible on the card itself, instead of only after opening the product.
  • The two old URLs for the men’s category are matched to one Shopify collection in the documented URL map.
The new Shopify men’s watches collection, with eight migrated products, compact filters, availability and prices in euro. Before · OpenCart After · Shopify
The comparison is now category against the same category: men’s watches. Shopify puts the eight migrated men’s products, availability and price at the centre of the task.
The old men’s watches category, with a left column, a blog block, sort options and a product grid.

04 · Product page

Product information

  • The specifications are cleaned up and arranged as a short list, without outdated sales copy or a phone number.
  • Availability, delivery and returns are visible before the add to basket action.
  • The name is normalised for reading, and the old and new URLs are linked in the documented map.
The new Shopify product page of the Good Boy women’s watch, with four large photos, a promotional price in euro, availability, terms and a clear add to basket. Before · OpenCart After · Shopify
Good Boy is kept with its four photos and its promotional price of BGN 29.99 → BGN 15.99, shown after the migration as €15.33 → €8.18. The outdated social buttons and the empty ratings were not carried over.
The old OpenCart product page of the Good Boy women’s watch, with a gallery, a promotional price, social icons and an empty rating scale.

05 · Basket

Basket

  • The controls have clear, accessible text names, not icons alone.
  • The free delivery threshold, the estimated total and the key terms are shown.
  • The test environment demonstrates the whole path to an order, but does not allow a real payment.
The new Shopify side basket, open on the right over the collection, with the product, quantity, delivery, payment and estimated total. Before · OpenCart After · Shopify
The basket opens at the side over the current page. Quantity, total, delivery, payment and the right of withdrawal are shown together.
The old OpenCart basket, with a product table, partly English headings and separate panels for coupon, delivery and voucher.

06 · Navigation on a phone

Navigation on a phone

The old menu is a separate white list of six equal links, with no grouping by task and no context for the catalogue. The new menu adds a clear hierarchy, large touch targets and direct ways into the men’s and women’s collections.

  • Catalogue contains only collections that have real migrated products.
  • Search, account and basket stay visible without competing with the main menu.
  • Closing is visible, and every main area keeps a readable text label.
The open OpenCart mobile menu, with six links of equal weight and a separate close button.
Before · OpenCart
The open Shopify mobile menu, with the main pages and two product collections.
After · Shopify

On a phone

Home page, product and basket on a phone

The three comparisons were taken at the same width of 390 px and show the actual pages on OpenCart and Shopify.

07A · Home page

Home page on a phone

The new Shopify home page on a phone, with a readable headline, a product image and clear actions. Before · OpenCart After · Shopify
On Shopify, the first screen brings together the main message, the product and the two main actions. In the old view, much of the height goes on repeated branding and a small promotional message.
The old OpenCart home page on a phone, with a tall brand block, a small promotional slider and a product section below it.

07B · Product page

Product page on a phone

The new Shopify product page of Good Boy on a phone, with a large image, a readable name, the price and availability. Before · OpenCart After · Shopify
The new order keeps the natural sequence photo → name → price → availability → action, and needs no horizontal zoom.
The old OpenCart product page of Good Boy on a phone, with a gallery, thumbnails and the price below the image.

07C · Basket

Basket on a phone

The new Shopify side basket on a phone, with the product, quantity, delivery and estimated total in order. Before · OpenCart After · Shopify
Even on a narrow screen, the new basket stays vertical and readable. The product, delivery, payment and total follow one logical sequence.
The empty state of the old OpenCart basket on a phone, as a separate page.

Export, data mapping and import

How the demonstration was made

  1. 01 · Done

    OpenCart export

    A file archive and a copy of the database, saved before the work started.

  2. 02 · Done

    Data mapping

    An intermediate model with 9 products and no customers, orders or access details.

  3. 03 · Done

    Shopify import

    A catalogue in euro, two collections, one old page, two posts and five new help pages.

  4. 04 · Done

    Setup and testing

    Four sections for the new visual system, and adapted templates for the home page, collection, product and basket.

  5. 05 · Documented

    URL map

    19 old URLs are matched to the exact Shopify resources for the purposes of the demonstration.

Imported products

The nine migrated products

The real promotional price is shown, not only the price before the discount. The conversion uses the fixed rate 1 EUR = 1.95583 BGN and is rounded to two decimal places.

Showing 9 of 9 products

  • Мъжки Часовник Механичен Forsining

    Мъжки Часовници

    Мъжки Часовник Механичен Forsining

    Promotional price on Shopify
    €30.63
    Promotional price on OpenCart
    BGN 59.90
    Before the discount
    BGN 89.90 → €45.97

    A demo product, not for sale.

  • Мъжки Спортен Силиконов Часовник

    Мъжки Часовници

    Мъжки Спортен Силиконов Часовник

    Promotional price on Shopify
    €10.17
    Promotional price on OpenCart
    BGN 19.90
    Before the discount
    BGN 39.90 → €20.40

    A demo product, not for sale.

  • Мъжки Часовник с Кожена Каишка Тип Скелетон

    Мъжки Часовници

    Мъжки Часовник с Кожена Каишка Тип Скелетон

    Promotional price on Shopify
    €8.13
    Promotional price on OpenCart
    BGN 15.90
    Before the discount
    BGN 29.99 → €15.33

    A demo product, not for sale.

  • Мъжки Ежедневен и Стилен Часовник

    Мъжки Часовници

    Мъжки Ежедневен и Стилен Часовник

    Promotional price on Shopify
    €12.27
    Promotional price on OpenCart
    BGN 23.99
    Before the discount
    BGN 39.90 → €20.40

    A demo product, not for sale.

  • Мъжки Спортно-Елегантен Ръчен Часовник Curren

    Мъжки Часовници

    Мъжки Спортно-Елегантен Ръчен Часовник Curren

    Promotional price on Shopify
    €8.18
    Promotional price on OpenCart
    BGN 15.99
    Before the discount
    BGN 29.99 → €15.33

    A demo product, not for sale.

  • Мъжки Часовник Tип Скелетон Muge

    Мъжки Часовници

    Мъжки Часовник Tип Скелетон Muge

    Promotional price on Shopify
    €8.18
    Promotional price on OpenCart
    BGN 15.99
    Before the discount
    BGN 29.99 → €15.33

    A demo product, not for sale.

  • Мъжки Елегантен Ръчен Часовник Miler

    Мъжки Часовници

    Мъжки Елегантен Ръчен Часовник Miler

    Promotional price on Shopify
    €9.20
    Promotional price on OpenCart
    BGN 17.99
    Before the discount
    BGN 29.99 → €15.33

    A demo product, not for sale.

  • Дамски Елегантен Ръчен Часовник Good Boy

    Дамски Часовници

    Дамски Елегантен Ръчен Часовник Good Boy

    Promotional price on Shopify
    €8.18
    Promotional price on OpenCart
    BGN 15.99
    Before the discount
    BGN 29.99 → €15.33

    A demo product, not for sale.

  • Мъжки Силиконов Ръчен Часовник БМВ

    Мъжки Часовници

    Мъжки Силиконов Ръчен Часовник БМВ

    Promotional price on Shopify
    €8.69
    Promotional price on OpenCart
    BGN 16.99
    Before the discount
    BGN 29.99 → €15.33

    A demo product, not for sale.

No personal data was used

What the demonstration does not include

The demonstration uses the product catalogue, the categories, public pages and posts. Personal data and data about how the store was run reach neither Shopify nor the public files of this demonstration.

  • Customers and addresses
  • Orders and payments
  • Passwords and sessions
  • IP addresses and logs

A separate demonstration store

The demonstration store is separate from valisimo.com

The Shopify store was created only for this technical demonstration. No DNS switch-over is planned, and valisimo.com remains the studio’s public website.

  1. 01The 19 old URLs are checked against their exact Shopify matches.
  2. 02The map stays as documentation and is not applied to the studio’s domain.
  3. 03Old store URLs with no real replacement on the site return a genuine 404.

A protected technical demonstration

The demo store is password-protected

Bulgarian is the only published language. The password separates the demonstration environment from the public site, indexing and real orders. The password is not published here; if needed, I give controlled access for a review.