Thanks for Buying

First of all, Thank you for purchasing our theme. This user guide covers all options that the theme provides. Please read the documentation carefully as it may answer most of your questions. In case if you feel some aspect is not covered or have some questions, contact us via our user page contact form here. We will do our best to answer you in shortest time possible.

We are extremely happy to present Marcus osCommerce Theme to you, it is designed and developed by highly qualified Designer & Developers in a way that make it usable for any type of E-Commerce store.

Marcus Theme is compatible with the latest osCommerce version 2.3.4.
Images shown in theme are for demo puposes only. Actual Package does not include those images.
Kindly Note : For any CSS changes in the theme, please add your custom CSS in style_user_custom.css file, which can be found under ext\css directory. Changes done in any other theme defined CSS files may lost in future theme updates. We would not be responsible for those loss of CSS changes. Any queries in regards to that would not be entertained.

For more information regarding installing the osCommerce platform, please see the osCommerce Docs here. Please note that we do not give support or any questions related on how to install and maintain osCommerce. For any faulty installation that may cause your website or our theme malfunction you should refer to osCommerce support forum. Alternatively you can get help from your web hosting.

Please follow this guide carefully to get started with Marcus osCommerce Theme.

Marcus

Marcus is a responsive theme for Multipurpose which uses the best practices of latest technologies and is compatible with all mobile devices, which comes with following features. You can change it from theme Options. Continue reading the documentation to uncover all the features provided.

  • 6+ Homepages
  • 6 Header Styles
  • 6 Footer Styles
  • Fully Responsive
  • Creative and Modern Design
  • Easily Setup & Customize
  • Easily Customize Content in Homepage
  • Strong Theme Admin Panel
  • Multi Language Support (Language Pack)
  • Built using latest technologies like Bootstrap 3, HTML 5, CSS3
  • Mailchimp Integration
  • Best Sellers Products Module
  • Product Grid - List View
  • Newsletter Popup
  • 500+ Google Web Fonts Support
  • Font Awesome Icons and Material Icons
  • Mega Menu, Simple Menu and Mobile Menu
  • Custom Homepage, Category, Product List, Product Page set 1 Column, 2 Columns or 3 Columns
  • Style for Display Alternate Image on Hover
  • Elevate Zoom for Display Product Image Effect
  • 3 Style for Display Product Page Layouts(Big size, Medium size and Small Size)
  • 2 Style(Carousel Style and Micro Style) for Display Product Slider
  • Flyout for Display MiniCart
  • Custom Product Elements(Reviews, Quickview, Price etc..) Hide and Show
  • Template Options for Display Nums of Products Per Row in Products List
  • Drag and Drop sorter for Banner and Slideshow images
  • Advanced Theme Admin Panel. Customize the template as per your requirement.
  • Fully Supports latest osCommerce v2.3.4

Upon downloading the main package zip from Themeforest, you'll have all files you need inside. Zip package contains the following files and folders:

  1. Documentation
  2. Quickstart
  3. Marcus version changed files
  4. Licensing
  5. Changelog.txt
Note : You are advised to read the installation procedure carefully, backup your store files and database first before installation or making any changes.
Note : Please Create the Database before Installation. The name of Database will be required when asked during Installation.
  1. Unzip the main downloaded package from themeforest and find the Quickstart folder.
  2. Upload the content from the Quickstart folder to your server using the FTP client or Cpanel
  3. Start installation by typing the URL of the directory where the content of Quickstart folder have been placed.
    (Ex: localhost/ [directory name] /installation/index.php or domain name/ [directory name] /installation/index.php)
    The initial installation page should appear as normal osCommerce installation and then follow the next steps as shown below :

Database Setup

This step requires the Database information for Installation. Image below shows the Steps mentioned.

  1. Enter your Database Server Host. (Ex: localhost)
  2. Enter your Database Username. (Ex: root)
  3. Enter your Database Password.
  4. Enter your Database Name. (Ex: edify)
  5. Click on "Continue". This will take you to the next step of installation process.

database

Web Server

  1. Click on "Continue". This will take you to the next step of installation process.
web-server

Store Details

  1. Enter the Store Information as per your requirement.
  2. Click on "Continue". This will take you to the next step of installation process.
store


Setup Finished

    This will complete the installation process and the page with both Admin and Store Front links will appear as shown below.
    Now go to your installation directory and rename/delete the install directory.
  1. Click on Catalog to view your store demo.
  2. Click on Administrative Tool to view your store admin .
finish


Administrator Login Page

  • Go to admin page by typing the admin folder name in URL.( Ex : In our case we have the admin folder name as admin(localhost/marcus_deno/admin) ). This will redirect you to admin login page.
login



Important: Please note that as authors of this theme we are able to provide support only for the features which we have created and for the issues related to theme. We do not provide support for osCommerce configuration, installation, maintenance, customization etc.

As of now Marcus comes with 7 premade homepage layouts which can be seen on our live demo

When you install the theme all our sample data as shown in the live demo gets installed on your server/localhost too. We have made the configuration of theme very easy with the Advanced theme panel, though if you desire to get the replica of our homepage demos follow the steps metioned below.

Before continuing we expect that you have read the Template Settings thouroughly and are very well aware of setting up those values, so this section will not cover any of those part.


To edit homepage content go to Store Directory includes/posc_template/html_includes.

Select define_homepage_xxx.php homepage version want to edit. Here you can add/delete/edit content and change position of content.

In Marcus osCommerce Theme we are provide to short codes for specific content like Top Banner, Bottom Banner etc..

Following list of short code for handle homepage only.

Marcus template can be customized according to customer's need and requirement from the Admin area. Template Settings makes customization very easy and hassle free.
Once the Template is installed completely, Template Settings menu can be found under Marcus menu after login into template admin area.
Following are the features that can be customized using Marcus Admin Template Settings.
  • General

    Go to Marcus > Marcus Settings > General > General Settings Panel section to start your custom settings configuration.


    Page Container > Here you can set the full page container.

    General Page Layout > Here you can set general page layouts.

    Page Loader > Here you choose options for display Page Loader. If you want to set custom page loader images you can set custom option.

  • Color

    Go to Marcus > Marcus Settings > General > Colors Panel section to start your custom settings configuration.


    Theme Color > The default theme color is set to #000, you can enter the color code of your choice or select the color from the color picker provided.

  • Fonts Settings

    Go to Marcus > Marcus Settings > General > Fonts Settings Panel section to start your custom settings configuration.


    General Font Family > Marcus comes with 500+ Goolge fonts preloaded. The General Font family will affect all the fonts in theme excluding the banner cations that you have added.

    Heading Font Family > With this option you can set the font family for Heading(h1,h2,h3,h4,h5,h6,Slider Title, Box Title etc.)

    Character Set: Latin Extended > Only selected fonts support extended character sets. For a complete list of available fonts and font subsets please refer to Google Web Fonts.

    Custom Character Subset > Only selected fonts support character sets. For a complete list of available fonts and font subsets please refer to Google Web Fonts. eg: greek,greek-ext

  • Product Slider

    Go to Marcus > Marcus Settings > General > Product Slider Panel section to start your custom settings configuration.


    Additional Image Style > Selecting default option will remove the alternative image option on Hover from the products and will have a simple view.

    If you want to display Alternate Images, it can be done by selecting Hover Effect option.

    In these other options you can Hide-Show products elements in product slider.

    Products Slider options affected all products slider like micro slider, tab slider, product slider etc...

  • Instagram Feed

    Go to Marcus > Marcus Settings > General > Instagram Feed Panel section to start your custom settings configuration.


    Enter the User id, Client id and Access Token as shown in image.

  • Newsletter

    Go to Marcus > Marcus Settings > General > Newsletter Panel section to start your custom settings configuration.

    • Managing Newsletter has been made easy with Mailchimp integration in Marcus. New users can signup for free Mailchimp Services, while the already registered users can create their Signup forms and copy paste the code here.
    • After Signing In or Logging In successfully, go to Lists in your Dashboard.
    • Click on "Create List" on top right corner of your screen.
    • After creating the List successfully, click on the List name, this will take you to the details of particular list.
    • Then click on Signup Forms Tab, this will open the details of different types of forms.
    • Click on "Embedded Forms options", this will open the "Embedded Form Code" detail with the preview of different forms.
    • Click on "Super Slim" option and copy the code below it. Paste the code in the text-area provided, as shown in image below.
    • Click on Save Settings button and the changes will be applied to the front of store.
    • Do the same for Newsletter Popup.
  • Google Map

    Go to Marcus > Marcus Settings > General > Google Map Panel section to start your custom settings configuration.

    • The Google Maps iFrame code is used to embed the Google map location of your store in the Contact Us page. If left empty the Map will be removed from contact us page.
    • Follow the below steps to get the iframe code of Map location for your store.

    1. Go to Google Maps and type the address of your store in the search bar on top left corner and hit enter or click on search icon. The map page will look something like below image.
    2. Google Map

    3. Click on Share link, highlighted in the image above. On click a pop up will appear with options of Share Link and Embed Map. Click on Embed Map option and the page will look as the below image.
    4. Google Map

    5. Copy the iframe code displayed in the above image and paste it to the Google Map section in the iframe code area for theme.
    6. Click on Save Settings button and the changes will be applied to the contact us page of store.
  • Homepage Settings

    Go to Marcus > Marcus Settings > Home Pag > Home Page Settings Panel section to start your custom settings configuration.


    Homepage Version > Here you choose Homepage Version to display in Hompage.

    Homepage Layout > Here you set Homepage Layout to display in Hompage.

  • Service

    Go to Marcus > Marcus Settings > Home Pag > Services Panel section to start your custom settings configuration.

    You can view the content in store front as shown in below image.

  • Header

    Go to Marcus > Marcus Template Settings > Header > Header Panel section to start your custom settings configuration.

    • Select the header style as per your requirement using this option. The live demo of header styles are visible on Marcus demo.
    • Marcus comes with 6 different unique header styles.
  • Store Logos

    Go to Marcus > Marcus Settings > Header > Store Logos Panel section to start your custom settings configuration.


    Logo > Add your store logo using this option.

    Favicon > You can add the favicon too for your store.

  • Store Info

    Go to Marcus > Marcus Settings > Header > Store Info Panel section to start your custom settings configuration.


    Contact Number > Add your store contact number.

    Time > Add your store time.

    You can view it in store front as shown in below image.

  • Main Menu Settings

    Main Menu in the Marcus template comes with 2 different styles. It covers the following options :

    1. Simple Menu (eg : shown in image below) - Simple menu is made for the stores which has a large number (more than 5 or 6) of main categories. Click here for more info on Simple Menu.
      Simple Menu

    2. Mega Menu (eg : shown in image below) - Mega menu is design for the store which has lesser number of main categories and more sub-categories. Click here for more info on Mega Menu. Mega Menu

    Simple Menu Settings

    • To add any extra custom link to the Simple menu, open tpl_drop_menu.php file from includes/posc_template/common directory. In this file edit the Simple Menu section as per your requirement.

    Mega Menu Settings

    • Select Mega Menu option from the Menu type section to display the Mega Menu on store front.
    • Below the Menu type section, your store categories will be displayed as shown in the image above, which you can configure and change individually as per your requirement. The default values will be selected and your store front with mega menu will look something like the following image :

      Mega Menu

      1. Badge : By default the badge value is set to New which you can either set to Sale or None for any particular category as per your requirement.
      2. Subcategory Images : The subcategory and its images will be displayed as shown in the image above. The subcategory image can be added from Admin > Catalog > Categories/Products.
      3. Megamenu Side block : Megamenu side block is used to promote the products from that particular category. The side block can be displayed in 2 different ways, 1 - With Slider and 2 - Without Slider. Any 2 products from that particular category will get displayed randomly in that section. You can select Special or Featured as per your requiement. The block with slider will look as shown in the image above, while without slider block will look as shown in the image below.
      4. Megamenu Bottom block : Megamenu Bottom block is used to add the promotional banners for that particular category. You can allso add the link on that banner using this option. The bottom block will look something like following image. If not required, you can disable it by setting the value of Megamenu Bottom block to No.

    Mega Menu

    Display in Menu > You can Hide and Show categories in main navigation menu.

    Menu Type > Here you can set menu type Megamenu and Classic style.

    Badge > Here you can choose option New, Sale and none for display badge lable in categories.

    Megamenu Side Block > Here you can choose option Specials, Featured and None type of products in Megamenu side block. In these options select Display as Slider and Display without Slider style for display products.

    • Display as Slider
      Mega Menu
    • Display without Slider
      Mega Menu

    Megamenu Bottom Block > Megamenu Bottom block is used to add the promotional banners for that particular category. You can also add the link on that banner using this option. If not required, you can disable it by setting the value of Megamenu Bottom block to No.

  • Top Banners Settings

    Display Top Banner : > The status of Top banner can set to On or Off as per your requirement.

    Top Banner Layout : > Marcus comes with 5 different top banners layout styles.

Add/Edit Banner

As shown in the image below, select Banners Layout as you selected style. Now in the Banner section click on Add Item, add the image of your choice. In the content section add the caption of your choice as per your requirement. You can add captions for multiple languages if your site is multilingual.

You can also change the sort order of added images by simple drag and drop.

Banner List
Add/Edit Banner Content

Image > Add the image of your choice.

Content > In the content section add the caption of your choice as per your requirement. You can add captions for multiple languages if your site is multilingual. If you want to display only image you can leave blank this content.

Link > In this option you can set banner link.

Status >The status of that image must be set to enable if you want to display that particular banner in front.

  • Middle Banners Settings

    Set the value of Display Middle Banners to Yes and it will be displayed on the front page. Upload the image of your choice and add the caption in following predefined format. This middle banners is a large preview promo section in which only single large wide image can be uploaded.

    Banner Image > Add the image of your choice.

    Content > In the content section add the caption of your choice as per your requirement. You can add captions for multiple languages if your site is multilingual. If you want to display only image you can leave blank this content.

  • Bottom Banners Settings

    Set the value of Display Bottom Banners to Yes and select the layout style of your choice.

    Marcus themes comes with 3 display styles of Bottom banners, Select the choice of your display style and it will be appplied to yuor front store.

    Please refer below Configuration Bottom Banner for display diffrent style and position in middle banner.

Category Page Layout > Here you can set Categories page Layout.

Categories List > In Categories List you can set nums of categories display per row for Category Page. you can set diffrent size to display number of categories for responsive.

This options affected selected category page layout only.

Product List Page Layout > Here you can set product list page Layout.

Product List > In Product List you can set nums of products display per row for product list page. you can set diffrent size to display number of products for responsive.

This options affected selected products list page layout only.


In these options you can set Hide-Show products elements in prodduct list page.

Additional Image Style > Selecting default option will remove the alternative image option on Hover from the products and will have a simple view.

If you want to display Alternate Images, it can be done by selecting Hover Effect option.

Product Info Page Layout > Here you can set product info page Layout.

Product Image Layout > Here you can set Product Image Layouts(Big Size, Medium Size and Samll Size).

  • Big Size
  • Medium Size
  • Small Size


In Product Page Slider you can set numbers of products display for Also Purchased on Product on Product Page.

This options affected selected product page layout only.


In these options you can set Hide-Show products elements for Also Purchased Products slider in prodduct page.

Thanks for using Marcus Theme!

If you have any difficulities or have some other problems with this theme and documentation please contact us any time by sending us an email on contact.perfectus@gmail.com.

We provide 24/7 Support!. Please make sure you take a look at the available resources before submitting a support request.

>