Our brands

Guide Ves Bicomart Magento2

Getting Started

Getting Started

Bicomart – Marketplace a wonderful Fashion, beauty, and furniture Magento 2 theme with a creative, inspiring and product-oriented design.
You are seeking a Magento 2 Marketplace Responsive Theme with Multi-tores, Mobile Optimized, Unlimited Customize & Seo friendly suited for any kind of store? Bicomart is what you need. It will attract your customers with impressive, dynamic and strong feeling at the first sight.

Including 3+ Elegant Unique Homepages, 2+ Unique footers, 12+ Skin color & powerful Admin Panel, admin can create their own wonderful website in seconds.
Ves Bicomart is 100% Mobile friendly. Hence, it looks perfect on any devices. It is created with SEO Optimization, Conversion Rate, Ease of customization & Installation which are functionally important for any theme. Moreover, with Regular Update, Timely Support, Advanced Extensions Integration, Ves Bicomart will bring the great experience for customers.

Bicomart is one of our responsive Magento 2 themes. This Magento 2 theme created with new Magento 2 UI and integrate bootstrap 4.0.0 layout components. Also, it is inherited from Magento 2 blank theme

Advanced Guide: Developer Guide For Magento 2

Compatibility:

Bicomart is fully compatible with Magento Community Edition 2.1.x, 2.2.x

Demo Link: http://server1.demo4coder.com/bicomart/landing/

Purchase It Now

Installation & Update

Manual Installation

In this tutorial, we will show you how to install theme step by step. We will take Ves Oshop ( one of our themes) as an example. For other themes, you can do the same way.

Step1: Decompress the theme package (ex: ves_oshop_full.zip) into your PC.
Then upload and decompress the file “Theme Files/magento 2.2.x/theme_files.zip” into webroot folder (which you setup magento 2 before):

theme_file_decompress-1

Step2: Upload the file [theme_name]_media.zip (ex: bicomart_media.zip) in to webroot and decompress it. The file stored sample images of the theme.

Step3: Go to your site ( It will require you run command code to setup upgrade )

Step4: You should run there command codes in terminal (SSH)

php bin/magento setup:upgrade --keep-generated

php bin/magento setup:static-content:deploy

Step5: Go to admin > Ves Setup > Import > Choose profile “Ves_Oshop_FULL.json” then click on install configuration button

Step6: Choose default theme

Magento 2.0.x:

>> Go to admin > Stores > Configuration > General > Design > Choose design theme “Venustheme – Bicomart”

Magento 2.1.x and 2.2.x:

>> Go to admin > Content > > Configuration > General > Design > Choose design theme “Venustheme – Bicomart”

Step7: Config default homepage layout

>> Go to admin > Content > Configuration > General > Web > Default Pages > Choose default cms homepage

Theme Version Update

Quick-start package Installation

Step 1: Decompress theme package, we will get the folder “Quick Start Files”. In the folder we get a sub folder (ex: magento 2.0.7 or magento 2.1.0). At here we use 2.1.0

The theme quickstart package we will have there files and folders as this:

 

Step 2: Create new database and import the file “Quickstart Files/magento 2.1.0/database_magento21o.sql or /database.sql” into the database which you just created.

Step 3: Upload and decompress the file [THEME]_magento210_quickstart.zip (ex: ves_oshop_magento210_quickstart.zip) into webroot folder of your site.

Step 4: Go to site url in web browser. Setup steps by steps. In setup config database we input the database name which you created and imported sql file on step 2.

– Setup steps by steps as the guide: http://www.venustheme.com/how-to-install-magento-2-clear-detail-oriented-guide-to-set-up-magento-2-0-easily/

Or you setup via SSH command:

php bin/magento setup:install --base-url=http://yourdomain.com/ \
--db-host=localhost --db-name=magento_database_name --db-user=database_username --db-password=database_password \
--admin-firstname=Magento --admin-lastname=User --admin-email=admin123@gmail.com \
--admin-user=admin123 --admin-password=admin123 --language=en_US \
--currency=USD --use-rewrites=1 --backend-frontname=myadmin

–base-url: is your site domain which you want to setup

–db-name: is database name which you created and imported sample database

–db-user: is database user name to connect to the database server

— db-password: is database password of –db-user

–admin-email: is email of admin

–admin-user: is admin user name which you want to create

–admin-password: is admin password

–backend-frontname: is admin route which you want to make for your site. For example: http://yourdomain.com/myadmin

More information about setup via command you can view at here: http://devdocs.magento.com/guides/v2.0/install-gde/install/cli/install-cli-install.html

Note: If you have problem when run setup quickstart (maybe 500 error). Because the files and folders in your server are having wrong permission. We should change permission for them. Try to use ssh commands:

 

chmod -R 0777 pub var app/etc

chmod -R 0777 pub var app/etc
chmod -R 0755 index.php setup/

 

Theme Configuration

Child Theme Configuration

Please create child theme folder in app/design/frontend/company_name/theme_name
ex:
etc/view.xml:-This file is used to specify product image dimensions, thumbnails etc.Magento_Theme:- This directory is used to override existing Magento’s theme files.Magento_Theme/layout/default.xml:- By default, Magento2 assumes that your theme’s logo file should be: /web/media/logo.svg If you want some other file for logo, then you must declare it in thedefault.xml file. This file is also used to override default theme’s settings.media/preview.png:- The preview of the current theme.web :- This directory contains all the theme’s static data like images, styles, javascript, fonts etc.registration.php :- This file is required to register our theme to Magento2 system.theme.xml :- This is a compulsory file that defines our theme name, its parent and optionally theme’s preview image.composer.json :- If you plan to distribute the theme using a composer package will make it easier for people to install the custom theme, you can specify any required packages in which composer can install/update for the user to ensure the theme installs correctly. Creating theme files, Let us now create our files one by one. Creating theme files, Let us now create our files one by one.theme.xml ( app/design/frontend/Venustheme/bicomart_child/theme.xml )

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>Venustheme Bicomart</title>
	<parent>Venustheme/bicomart</parent>
    <media>
        <preview_image>media/preview.jpg</preview_image>
    </media>
</theme>

registration.php ( app/design/frontend/Venustheme/bicomart_child/registration.php )

<?php
\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::THEME,
    'frontend/Venustheme/bicomart_child',
    __DIR__
);

composer.json ( app/design/frontend/Venustheme/bicomart_child/composer.json )

{
 "name": "magento/theme-frontend-bicomart_child",
 "description": "N/A",
 "require": {
 "php": "~5.5.0|~5.6.0|~7.0.0",
 "magento/theme-frontend-bicomart": "100.2.*",
 "magento/framework": "101.0.*"
 },
 "type": "magento2-theme",
 "version": "100.2.2",
 "license": [
 "OSL-3.0",
 "AFL-3.0"
 ],
 "autoload": {
 "files": [
 "registration.php"
 ]
 }
 }

Please go to Admin -> Content -> Configuration

Then open Design Configuration -> choose the bicomart child


* Important: After you choose a new theme or new theme child, you need reindex data and run the command below via SSH:

php bin/magento setup:static-content:deploy

Homepage Configuration

Bicomart have 5 extensions with 3 homepages

 

#Overview:

To configure the default home page for your store, go to Store > Configuration > General > Web > Default Pages tab, select the desired page in the CMS Home Page field and save the configuration.

To get more details, please watch this video:

Go to back-end > Content > Pages > Edit profile name “ex: Bicomart Home Page 1

To change the layout of the page, go to Content > Pages, select the page, select one of the options in the Layout field and click Save Page button:

To edit the content of the home page, add “block” or remove “block” in the “Layout Update XML” field and click Save Page button.
To edit the content of this block, Go to back-end > Content > Blocks > Edit profile name “ex: block-slider2

To get more details, please watch this video:

Header Configuration

Bicomart provides 13 header styles, you can choose one of them here.

In Fashion Theme

#Header1:

#header2:

#header3:

>> How To Config Other Header

To Config Other Header, Go to Admin Panel >> VenusTheme >> VES THEMESETTING >> Header >> General Settings >> Choose Your Header Layout

    1. Default: default.phtml (header default)
    2. Default2: default2.phtml (header 2)
    3. Default3: default3.phtml (header 3)


To get more details, please watch this video:

Code HTML in this path file:

app\design\frontend\Venustheme\name_theme\Ves_Themesettings\templates\header\default.phtml

To change Logo, Go to Admin Panel > Content > Configuration > Edit theme_name

After that, you need to open “Header” Tab > Upload your logo(GIF, PNG, JPG, or SVG file type) with the uploader

Footer Profiles

Bicomart provides 2 footer styles, you can choose one of them here.

#Footer1:


#Footer2:

To Config Other Footer, Go to Admin Panel >> VenusTheme >> VES THEMESETTING >> Footer>> Footer Top Settings >> Choose CMS Static Block >> Choose Your Footer Block (ex: Footer1, Footer2)

To get more details, please watch this video in footer installation part:

To edit these Footer Block content, please go to selectAdmin Panel > Content > Blocks necessary static block. You can modify footer content by custom HTML based on sample content.

Config Generals

In this tab, you are able to:

– Choose maximum page width on drop-down or change value input

– Choose skin color store view

– Choose director support LTR or RTL Languages

– Enable or disable panel tool

– Config body background, padding

– Add custom google font for body

– Config color text body, text link, text link hover

– Config button color, background, and hover, focus

 

Please Go to Admin Panel > VenusTheme > Ves ThemeSettings > General

Bicomart provides Custom Page Width (960px, 1024 px, 1280px, 1360px, 1440px, 1680px,…), and Maximum Page Width mode, you can choose the one that you prefer. You can apply this option to any home versions.

We created skins in Bicomart: You can see it in the folder:

..\Venustheme\bicomart\Ves_Themesettings\web\css\skins\

Config Contact Page

Link page: server1.demo4coder.com/bicomart/contact

How To config: Go To VenusTheme > Ves Theme Settings > Contact page:

 

+ Contact Form tab:

 

+ Google map tab:

– You can change address, Longitude, Latitude

– You can add contact information: email, address, telephone, fax, custom HTML for us, etc…

 

+ Edit Form :

You can edit form in this patch file:

app\design\frontend\Venustheme\bicomart\Magento_Contact\templates\form.phtml

Admin Theme Settings

Config header

1. General tab: Choose Header Layout: “Default”

2. Top Link tab: Show link my account, sign in, create an account, and custom link

You can add a custom top link:
3. Search tab:
– Enable: Yes or No
– Custom style
– Add maximum width of the search box
– Change the format button search

4. Language Switcher and Currency Switcher tab:

This block setting group custom code in this file

app\design\frontend\Venustheme\name_theme\Magento_Theme\templates\html\setting.phtml

How it is shown on front-end:
5. Sticky Header tab:

Config “Scroll To Fixed” header ( keep header when scrolling window). You can choose all sticky elements (all header )or choose to specify an element

6. Top cart tab:

– There are 4 options for you to show Top Cart, you can choose to show what you want

  • Text Only
  • Icon Class Only
  • Text + Icon Class
  • Icon Class + Text

Config Product View Page

– Other elements:

+ Config enable / disable elements by change value Yes / No

+ Specify you can change the position of thumbnail slider: horizontal or vertical, Top or bottom

– Config show tab- Custom tab

+ Tab By Product Attribute Code

+ Tab By CMS Block

+ Tab By Static Html Content

– Config Related Products, Upsell product: number items and item show on responsive

– Frontend show:

Config Cart Page

Config in admin panel > Venustheme > Settings > VES Theme settings  > Cart page:

+ Config number product for cross-selling on cart page:

Front-end showing

Note: config show / hidden element (name, price, review…) as related, upsell

 

Config For Category Page



Blocks Diagram

Static Blocks Diagram

This is all CMS static blocks we are using on the Bicomart.
To Open Cms Static Blocks, Go To Admin Panel > Content > Blocks

How to use a CMS static block

Below is some sample content.

Block Banners

Block Banner 1

<div class="ves-wrap" style="margin-bottom: 30px;">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-4">
<div class="block block-images">
<a href="{{store url='electronics.html'}}"><img src="{{media url="wysiwyg/bicomart/banner3.jpg"}}" alt="" width="420" height="258" /></a>
</div>
</div>
<div class="col-lg-4 col-sm-4">
<div class="block block-images">
<a href="{{store url='electronics.html'}}"><img src="{{media url="wysiwyg/bicomart/banner4.jpg"}}" alt="" width="420" height="258" /></a>
</div>
</div>
<div class="col-lg-4 col-sm-4">
<div class="block block-images">
<a href="{{store url='electronics.html'}}"><img src="{{media url="wysiwyg/bicomart/banner5.jpg"}}" alt="" width="420" height="258" /></a>
</div>
</div>
</div>
</div>
</div>

Block Banner 2

<div class="ves-wrap" style="margin-bottom: 30px;">
<div class="container">
<div class="row">
<div class="col-lg-6 col-sm-6">
<div class="block block-images">
<a href="{{store url='home-garden.html'}}"><img src="{{media url="wysiwyg/bicomart/banner6.jpg"}}" alt="" width="640" height="300" /></a>
</div>
</div>
<div class="col-lg-6 col-sm-6">
<div class="block block-images">
<a href="{{store url='home-garden.html'}}"><img src="{{media url="wysiwyg/bicomart/banner7.jpg"}}" alt="" width="640" height="300" /></a>
</div>
</div>
</div>
</div>
</div>

Block Banner 3

<div class="ves-wrap" style="margin-bottom: 30px;">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-4">
<div class="block block-images">
<a href="{{store url='fashion.html'}}"><img src="{{media url="wysiwyg/bicomart/banner9.jpg"}}" alt="" width="420" height="258" /></a>
</div>
</div>
<div class="col-lg-4 col-sm-4">
<div class="block block-images">
<a href="{{store url='fashion.html'}}"><img src="{{media url="wysiwyg/bicomart/banner10.jpg"}}" alt="" width="420" height="258" /></a>
</div>
</div>
<div class="col-lg-4 col-sm-4">
<div class="block block-images">
<a href="{{store url='fashion.html'}}"><img src="{{media url="wysiwyg/bicomart/banner11.jpg"}}" alt="" width="420" height="258" /></a>
</div>
</div>
</div>
</div>
</div>

Block Banner 4

<div class="ves-wrap clearfix" style="margin: 0 0 40px;">
<div class="container">
<div class="block block-images">
<div class="block-title">
<strong>Consumer Electronics</strong>
</div>
<ul class="cat-links">
<li><a href="#">Computers</a></li>
<li><a href="#">Air Condition</a></li>
<li><a href="#">Smartphones</a></li>
<li><a href="#">TV &amp; Audio</a></li>
<li><a href="#">Office Electronic</a></li>
</ul>
<div class="block-content">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner2.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner3.jpg"}}" alt="" />
</a>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner4.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner5.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner6.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner7.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>

Block Banner 5

<div class="ves-wrap clearfix" style="margin: 0 0 40px;">
<div class="container">
<div class="block block-images">
<div class="block-title">
<strong>Home, Garden & Kitchen</strong>
</div>
<ul class="cat-links">
<li><a href="#">Furniture</a></li>
<li><a href="#">Cookware</a></li>
<li><a href="#">Utensils & Gadget</a></li>
<li><a href="#">Garden Tools</a></li>
<li><a href="#">Accessories</a></li>
</ul>
<div class="block-content">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner8.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner9.jpg"}}" alt="" />
</a>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner10.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner11.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner12.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner13.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>

Block Banner 6

<div class="ves-wrap clearfix" style="margin: 0 0 40px;">
<div class="container">
<div class="block block-images">
<div class="block-title">
<strong>Clothing & Apparel</strong>
</div>
<ul class="cat-links">
<li><a href="#">Best Seller</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">Girls</a></li>
<li><a href="#">Boys</a></li>
<li><a href="#">Baby</a></li>
</ul>
<div class="block-content">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner14.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner15.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner16.jpg"}}" alt="" />
</a>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner17.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner18.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner19.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner20.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>

Block Banner 7

<div class="ves-wrap clearfix" style="margin: 0 0 20px;">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="block block-images">
<div class="block-title">
<strong>Sport & Outdoors</strong>
</div>
<ul class="cat-links">
<li><a href="#">Accessories</a></li>
<li><a href="#">Clothings</a></li>
<li><a href="#">Shoes</a></li>
</ul>
<div class="block-content">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner21.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner23.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner24.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="block block-images">
<div class="block-title">
<strong>Beauty & Health</strong>
</div>
<ul class="cat-links">
<li><a href="#">Accessories</a></li>
<li><a href="#">Hair Care</a></li>
<li><a href="#">Skin Care</a></li>
</ul>
<div class="block-content">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner22.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner25.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner26.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Block Banner 8

<div class="ves-wrap clearfix" style="margin: 0 0 20px;">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="block block-images">
<div class="block-title">
<strong>Furniture</strong>
</div>
<ul class="cat-links">
<li><a href="#">Accessories</a></li>
<li><a href="#">Decor</a></li>
<li><a href="#">Office</a></li>
</ul>
<div class="block-content">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner27.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner29.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner30.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="block block-images">
<div class="block-title">
<strong>Home Services</strong>
</div>
<ul class="cat-links">
<li><a href="#">Accessories</a></li>
<li><a href="#">Cleaning</a></li>
<li><a href="#">Painting</a></li>
</ul>
<div class="block-content">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner28.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner31.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home2/banner32.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Block Banner 9

<div class="ves-wrap clearfix" style="background: #f2f2f2;">
<div class="container">
<div class="box box-v2" style="margin: 50px 0;">
<div class="row">
<div class="col-lg-2 col-md-12">
<div class="block block-link">
<div class="block-title">
<strong>Consumer Electronics</strong>
</div>
<div class="block-content">
<ul class="cat-links">
<li><a href="#">Best Seller</a></li>
<li><a href="#">New Arrivals</a></li>
<li><a href="#">Computers</a></li>
<li><a href="#">Air Condition</a></li>
<li><a href="#">Smartphones</a></li>
<li><a href="#">TV &amp; Audio</a></li>
<li><a href="#">Washing Machine</a></li>
<li><a href="#">Microwave</a></li>
<li><a href="#">Office Electronic</a></li>
<li><a href="#">Refrigerator</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner1.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner2.jpg"}}" alt="" />
</a>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner3.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner4.jpg"}}" alt="" />
</a>
<a href="#" class="no-margin">
<img src="{{media url="wysiwyg/bicomart/home3/banner5.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>

Block Banner 10

<div class="ves-wrap clearfix" style="background: #f2f2f2;">
<div class="container">
<div class="box box-v2" style="margin-bottom: 50px;">
<div class="row">
<div class="col-lg-2 col-md-12">
<div class="block block-link">
<div class="block-title">
<strong>Home, Garden & Kitchen</strong>
</div>
<div class="block-content">
<ul class="cat-links">
<li><a href="#">Best Seller</a></li>
<li><a href="#">New Arrivals</a></li>
<li><a href="#">Furniture</a></li>
<li><a href="#">Home Decor</a></li>
<li><a href="#">Cookware</a></li>
<li><a href="#">Utensils & Gadget</a></li>
<li><a href="#">Garden Tools</a></li>
<li><a href="#">Acessesories</a></li>
<li><a href="#">Sales & Deals</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner6.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner7.jpg"}}" alt="" />
</a>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner8.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner9.jpg"}}" alt="" />
</a>
<a href="#" class="no-margin">
<img src="{{media url="wysiwyg/bicomart/home3/banner10.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>

Block Banner 11

<div class="ves-wrap clearfix" style="background: #f2f2f2;">
<div class="container">
<div class="box box-v2" style="margin-bottom: 50px;">
<div class="row">
<div class="col-lg-2 col-md-12">
<div class="block block-link">
<div class="block-title">
<strong>Clothing & Apparel</strong>
</div>
<div class="block-content">
<ul class="cat-links">
<li><a href="#">Best Seller</a></li>
<li><a href="#">New Arrivals</a></li>
<li><a href="#">T-Shirt</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Girls</a></li>
<li><a href="#">Boys</a></li>
<li><a href="#">Baby</a></li>
<li><a href="#">Acessesories</a></li>
<li><a href="#">Sales & Deals</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner11.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner12.jpg"}}" alt="" />
</a>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner13.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner14.jpg"}}" alt="" />
</a>
<a href="#" class="no-margin">
<img src="{{media url="wysiwyg/bicomart/home3/banner15.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>

Block Banner 12

<div class="ves-wrap clearfix" style="background: #f2f2f2;">
<div class="container">
<div class="box box-v2" style="margin-bottom: 50px;">
<div class="row">
<div class="col-lg-2 col-md-12">
<div class="block block-link">
<div class="block-title">
<strong>Beauty & Health</strong>
</div>
<div class="block-content">
<ul class="cat-links">
<li><a href="#">Best Seller</a></li>
<li><a href="#">Grooming</a></li>
<li><a href="#">Value Bazaar</a></li>
<li><a href="#">Luxury Beauty</a></li>
<li><a href="#">Make-up</a></li>
<li><a href="#">Personal Care</a></li>
<li><a href="#">Household</a></li>
<li><a href="#">Diet & Nutrition</a></li>
<li><a href="#">Subscribe & Save</a></li>
<li><a href="#">Sales & Deals</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner16.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner17.jpg"}}" alt="" />
</a>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner18.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner19.jpg"}}" alt="" />
</a>
<a href="#" class="no-margin">
<img src="{{media url="wysiwyg/bicomart/home3/banner20.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>

Block Banner 13

<div class="ves-wrap clearfix" style="margin-bottom: 50px; background: #f2f2f2;">
<div class="container">
<div class="box box-v2" style="margin-bottom: 50px;">
<div class="row">
<div class="col-lg-2 col-md-12">
<div class="block block-link">
<div class="block-title">
<strong>Furniture</strong>
</div>
<div class="block-content">
<ul class="cat-links">
<li><a href="#">Best Seller</a></li>
<li><a href="#">New Arrivals</a></li>
<li><a href="#">Living Room</a></li>
<li><a href="#">Out Door</a></li>
<li><a href="#">Kitchens</a></li>
<li><a href="#">Lighting</a></li>
<li><a href="#">Sofa & Chair</a></li>
<li><a href="#">Office</a></li>
<li><a href="#">Bathroom</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Sales & Deals</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner21.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner22.jpg"}}" alt="" />
</a>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/home3/banner23.jpg"}}" alt="" />
</a>
</div>
<div class="col-lg-3 col-md-4">
<a href="#" style="margin-bottom: 20px;">
<img src="{{media url="wysiwyg/bicomart/home3/banner24.jpg"}}" alt="" />
</a>
<a href="#" class="no-margin">
<img src="{{media url="wysiwyg/bicomart/home3/banner25.jpg"}}" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>

Block Product

Block Product 1

Block Product 2

Block Product 3

Block Others

Block Deals

Block Deals V2

Block Categories

<div class="ves-wrap" style="background: #f3f3f3; padding: 35px 0; margin-bottom: 40px;">
<div class="container">
<div class="block block-cat">
<div class="block-title">Top Categories</div>
<div class="block-content">
<ul>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat1.jpg"}}" alt="" width="140" height="140" />
<p># Television</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat2.jpg"}}" alt="" width="140" height="140" />
<p># Camera</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat3.jpg"}}" alt="" width="140" height="140" />
<p># Watch</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat4.jpg"}}" alt="" width="140" height="140" />
<p># Chair</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat5.jpg"}}" alt="" width="140" height="140" />
<p># Sneaker</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat6.jpg"}}" alt="" width="140" height="140" />
<p># Xbox</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat7.jpg"}}" alt="" width="140" height="140" />
<p># Gopro</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat8.jpg"}}" alt="" width="140" height="140" />
<p># Lipstick</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat9.jpg"}}" alt="" width="140" height="140" />
<p># iPhone</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat10.jpg"}}" alt="" width="140" height="140" />
<p># Laptop</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat11.jpg"}}" alt="" width="140" height="140" />
<p># Book</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat12.jpg"}}" alt="" width="140" height="140" />
<p># Speaker</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat13.jpg"}}" alt="" width="140" height="140" />
<p># Blender</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat14.jpg"}}" alt="" width="140" height="140" />
<p># Bags</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat15.jpg"}}" alt="" width="140" height="140" />
<p># Headphone</p>
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/cat_img/cat16.jpg"}}" alt="" width="140" height="140" />
<p># Camping</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>

Block Brand

<div class="ves-wrap clearfix">
<div class="container">
<div class="block block-brand">
<div class="block-title">Top Brands</div>
<div class="block-content">
<ul>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand1.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand2.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand3.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand4.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand5.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand6.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand7.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand8.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand9.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand10.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand11.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
<li>
<a href="#">
<img src="{{media url="wysiwyg/bicomart/brands/brand12.jpg"}}" alt="" width="160" height="60" />
</a>
</li>
</ul>
</div>
</div>
</div>
</div>

Block Service

<div class="ves-wrap" style="margin-bottom: 30px;">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-3">
<div class="block block-service">
<div class="block-content">
<div class="pull-left">
<span class="icon icon-023">&nbsp;</span>
</div>
<div class="service-content">
<h4>Free Delivery</h4>
<p>Free shipping on all order</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-3">
<div class="block block-service">
<div class="block-content">
<div class="pull-left">
<span class="icon icon-048">&nbsp;</span>
</div>
<div class="service-content">
<h4>Member Discount</h4>
<p>Onevery order over $120.00</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-3">
<div class="block block-service">
<div class="block-content">
<div class="pull-left">
<span class="icon icon-074">&nbsp;</span>
</div>
<div class="service-content">
<h4>Money Return</h4>
<p>Back guarantee under 7 days</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-3">
<div class="block block-service">
<div class="block-content">
<div class="pull-left">
<span class="icon icon-270">&nbsp;</span>
</div>
<div class="service-content">
<h4>Online Support 24/7</h4>
<p>Support online 24 hours a day</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Block Welcome

We're Dedicated to Our Customers 24/7

Extensions

Megamenu

Bicomart includes the fantastic Megamenu in an additional module called Ves MegaMenu. The Megamenu module comes with a custom admin interface through which you can create powerful Menu. No coding is required. Follow these steps to create a module:

Front-end:

Back-end:

– Create a new Menu item:

– General Information:

– Header:

– Left Block:

– Main content:

– Right block:

– Bottom block:

– Custom design for a menu item:

Top
Do NOT follow this link or you will be banned from the site!