MultiMerch with ShopMe Theme & OpenCart

ShopMe is a relatively new theme for OpenCart which has gained popularity for being clean, modern and feature rich.  It's a great theme that can be used together with MultiMerch.

We at MultiMerch have created a compatibility package specifically for ShopMe that makes it simple to use the theme with MultiMerch out of the box. This guide covers everything from installing OpenCart to setting up ShopMe and integrating it with MultiMerch.

This guide was written for OpenCart 2.3.0.2 and MultiMerch 8.2. Compatibility packages are included in MultiMerch Professional and Business plans.

Installing OpenCart

OpenCart setup is a simple process which is covered in detail in OpenCart documentation and third party tutorials. Here are the main steps you need to perform to get an OpenCart 2.3.0.2 site up and running.

1. Download the OpenCart archive

If you're just starting your store from scratch, you usually want to use the latest stable version of OpenCart currently available – you can always find it official OpenCart download page. In our case, it is OpenCart 2.3.0.2.

 

multimerch-shopme-installing-opencart-download

2. Extract and upload OpenCart files

OpenCart comes as a single archive with a set of different files and folders. You only need to upload the contents of the upload/ folder that is part of the archive – not the archive or the upload/ folder itself.

You can use any preferred FTP client or your CPanel file manager to upload the files. In this case, we're using WinSCP.

multimerch-shopme-installing-opencart-upload

 

3. Run the OpenCart installer

Once the files are uploaded you will need to execute the OpenCart installation script by visiting the URL of your store in the browser. OpenCart will redirect you to the setup page.

Depending on the version of OpenCart you're installing, you may need to rename and adjust a few of OpenCat configuration files and folder permissions. You'll also need your database connection information in this step.

License agreement

 

4. Install vQmod for OpenCart

MultiMerch requires the free vQmod modification system for OpenCart – you need it in order for MultiMerch to work as expected. For more information, see our blog post that covers OpenCart modification systems in detail.

vQmod setup is an easy 3 step process:

  • Download the latest version of vQmod for OpenCart from the official vQmod repository on GitHub
  • Extract and transfer the vQmod files to your OpenCart folder
  • Execute the vQmod setup script by visiting the http://(youstore.com)/vqmod/install/ URL You will receive a success message notifying you that vQmod has been installed.

Releases · vqmod vqmod

 

5. Configure OpenCart and finish the installation

Complete your setup by adjusting your new OpenCart shop via the Admin area. After this is completed, you will have the latest version of a clean OpenCart shop on your server with some demonstration products created.

Your Store

Your new OpenCart store setup is now completed and fully functional!

 

Installing the ShopMe theme for OpenCart

Now when you have your OpenCart store set up and running, you can continue with the ShopMe theme.

ShopMe is a premium OpenCart theme so you'll need to purchase it from ThemeForest first. After you have the theme files, you can proceed with ShopMe installation.

Since the complete ShopMe installation process is in detail described in the ShopMe Documentation, we'll only cover the main ShopMe setup steps here.

1. Download the ShopMe archive

After your purchase on ThemeForest is completed, you will be presented with a download of the archive containing the ShopMe files.

 

2. Extract and upload ShopMe to your server

When you extract the archive, you'll see various files and directories inside the ShopMe folder called "Files To Upload". You'll need to upload the contents of the folder containing the catalog/, admin/, system/ and image/ folders over to your OpenCart root.

Pay attention to use the correct version of ShopMe for your OpenCart version. In our case, it is ShopMe 1.8.

multimerch-shopme-installing-theme-upload

 

3. Install the ShopMe admin interface

Log into your OpenCart administration panel and install the ShopMe admin interfaces through Admin > Extensions > Modules > ShopMe > Install. This will create the necessary database tables and configuration variables for ShopMe to run correctly.

multimerch-shopme-installing-theme-install-panel

 

4. Enable ShopMe in OpenCart

After ShopMe has been installed, you can now enable it in your store by navigating to Admin > Extensions > Extensions > [Themes] > [Edit] and choosing shopme from the Theme Directory selector.

multimerch-shopme-installing-theme-enable

 

5. Download ShopMe Sample Data if needed and finish the installation

If you wish, you can download and install one of the Sample Data archives for ShopMe Theme from the official ShopMe website. Here we'll be using the Demo 6 Sample Data.

Once this is completed, you'll see the new ShopMe look in your OpenCart store.

multimerch-shopme-installing-theme-installed

 

ShopMe is now installed! You may also want to additionally install the extra ShopMe plugins that are part of the theme for some additional functionality.

For more information about this process, see the ShopMe Documentation that is located inside your download in the Documentation folder.

 

Installing MultiMerch

Now after you have OpenCart and ShopMe installed and configured comes the important part – actually installing MultiMerch and getting it to work properly with the ShopMe theme.

Even though we do cover the default MultiMerch installation in our tutorial (see MultiMerch Installation) and we also have a generic theme integration guide available, installing MultiMerch with ShopMe requires a few extra steps, so we'll cover the whole process here.

1. Downloading MultiMerch files

Once you've purchased MultiMerch through our website here or on OpenCart Marketplace, you will receive a link to download the latest MultiMerch archive.

 

2. Downloading ShopMe compatibility files

If you have purchased a plan that includes a free ShopMe compatibility, you will also find the multimerch_shopme_integration.zip archive inside your package.

In case you don't have the ShopMe theme integration files included in your plan, you will need to follow our generic custom theme integration guide to make ShopMe work with MultiMerch.

 

3. Extracting and uploading the files

Extract both MultiMerch and ShopMe Compatibility archives and upload the files over to your OpenCart setup in the following order.

  • Upload MultiMerch files from the upload/ folder inside the MultiMerch archive to your store root
  • Upload the contents of the upload/catalog/view/theme/default/ folder to the catalog/view/theme/shopme/ folder in your store
  • Upload the ShopMe Compatibility files from the upload_multimerch8/ folder inside the ShopMe Compatibility archive to your store root

multimerch-shopme-installing-integration-upload

 

4. Modify the pathReplaces.php file

Before you can finish installing MultiMerch, we need to tell vQmod to use the ShopMe theme instead of the default theme for modifications.

To do this, open the vqmod/pathReplaces.php file in your favorite text editor and add a new line between // START REPLACES // and // END REPLACES //:

This will make vQmod apply its modifications to the correct MultiMerch files.

5. Install and configure MultiMerch with ShopMe

After you have all of the files uploaded and pathReplaces.php modified, log into your OpenCart admin area and navigate to Admin > MultiMerch > Install.

This will install MultiMerch and redirect you to MultiMerch configuration.

opencart journal2 multimerch settings

 

You are now running OpenCart with ShopMe and MultiMerch!

 

Overview of OpenCart with MultiMerch & ShopMe

These are some examples of an OpenCart store running MultiMerch with ShopMe compatibility.

Vendor's public profile pages and ratings are responsive and use ShopMe grid properly.

multimerch-shopme-vendor-profile

 

multimerch-shopme-vendor-ratings

Product information page and quick view page also display vendor's profile with all information about the vendor offering this product.

multimerch-shopme-product

 

multimerch-shopme-product-quickview

 

Customer and vendor interfaces are adjusted for the ShopMe layout and are responsive.

multimerch-shopme-customer-orders
multimerch-shopme-vendor-products

 

Vendor's product listing form is also styled to match ShopMe's look and feel.

multimerch-shopme-vendor-product-form

 

Support for ShopMe Quick Checkout has also been added in the latest version of the ShopMe compatibility pack.

multimerch-shopme-quick-checkout

 

There it is – OpenCart with MultiMerch and the ShopMe theme. It is also possible to get this result without our compatibility pack, but the compatibility files make the process faster and save you the trouble of adjusting MultiMerch styles manually.

We are also working on a set of compatibility files for a list of other popular OpenCart themes such as Pavilion, Sellegance, MegaShop, StyleShop and others. If you have any particular request, feel free to contact us for more information about custom themes and MultiMerch.