Our brands

Guide Ves Golmart Magento2.x

Getting Started

Getting Started

Golmart comes with modern, elegant, professional product-oriented design, the theme lets you showcase your items at it’s best.

Are you seeking theme for magento 2? Golmart is designed for magento 2 with tons of improvements in performance and scales. Also, it delivers engaging and rich user experience on any devices. Thus customer can shop anytime anywhere

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

Advanced Guide: Developer Guide For Magento 2


Golmart is fully compatible with Magento Community Edition 2.0.0, 2.0.2, 2.0.4, 2.0.6, 2.0.7, 2.1.0, 2.1.x

Demo Link: http://demo4coder.com/golmart/landing

Purchase It Now

Theme Configuration

Homepage Configuration

Golmart have 4 homepage built by Ves Page Builder module.



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 configuration.

Go to back-end > Ves Pagebuilder > Manager page profile > Edit profile name “Golmart Homepage Default

In the back-end, we used the widget, namely “Content Carousel” on page builder profile. To change image slider, please Go to back-end > Ves Pagebuilder > Manager page profile > Choose to edit desired homepage > Edit “Content Carousel” widget.

ex: content for “M2themes Default Slider 1“:

<p><a href="{{store url="women.html"}}"><img src="{{media url="wysiwyg/ves_golmart/h1_slider2.jpg"}}" alt="" /></a></p>
<div class="slider-content a-left" style="left: 20%;">
<h1 style="color: #ec7357;">SAMSUNG SMART TV</h1>
<p class="hidden-xs" style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetuer adipiscing <br />elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore</p>
<p><a class="btn" href="#">SHOP NOW <em class="fa fa-arrow-circle-o-right" style="color: #ec7357;"> </em></a></p>


+ In the back-end, we used the widget, namely “Single Image” on page builder profile

+ You can edit widget and change image in this popup by choosing “Edit” Button

in Shortcode you can see:

{{widget type="Ves\BaseWidget\Block\Widget\Image" file="wysiwyg/ves_golmart/decor_banner2.jpg" image_size="100%" alignment="center" popup_type="colorbox" link="gear.html"}}

How To Config in the back-end :


Create Source for Tab and add title you want to show:

Front-end Setting:



Back-end Setting:

add class for block Products List style2:


Back-end Setting:


add class prefix for row setting:

Column Setting:

Header Configuration

Golmart provides 4 header styles, you can choose one of them here.





>> How To Config Other Header for storeview

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

  1. Default: default.phtml (header default)
  2. Default1: default1.phtml (header 1)
  3. Default2: default2.phtml (header 2)

Code html at this path file


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

Blocks Diagram

Static Blocks Diagram

This is all CMS static blocks we are using on the Golmart.

To Open Cms Static Blocks, Go To Admin Panel > Content > Blocks


1. Golmart Block Header

<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="pull-left"><img src="{{media url="wysiwyg/ves_golmart/icon-call.png"}}" alt="" /></div>
<p>CALL US</p>
<span style="color: #000000;"><b>+844 0123 456 78</b></span></div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="pull-left"><img src="{{media url="wysiwyg/ves_golmart/icon-email.png"}}" alt="" /></div>
<p>EMAIL US</p>
<span style="color: #000000;">[email protected]</span></div>


2. Golmart Header Link

<ul class="nav-links">
<li><a href="{{store url="#"}}">Sell</a></li>
<li><a href="{{store url="#"}}">Gift Voucher</a></li>
<li><a href="{{store url="golmart-delivery-and-payment"}}">Delivery &amp; Payment</a></li>
<li><a href="{{store url="golmart-faq"}}">FAQ</a></li>
<li><a href="{{store url="contact"}}">Contact Us</a></li>


3. Twitter widget

4. Sidebar Tag (Show in sidebar)

<div class="block tags-link">
    <div class="block-title"><span>Popular Tags</span></div>
    <div class="block-content">
            <li><a href="{{store url="women.html"}}">Apple</a></li>
            <li><a href="{{store url="men.html"}}">Samsung</a></li>
            <li><a href="{{store url="women.html"}}">Cannon</a></li>
            <li><a href="{{store url="gear.html"}}">Panasonic</a></li>
            <li><a href="{{store url="women.html"}}">Leica</a></li>
            <li><a href="{{store url="women.html"}}">Seiko</a></li>
            <li><a href="{{store url="women.html"}}">black</a></li>
            <li><a href="{{store url="men.html"}}">sport bag</a></li>
            <li><a href="{{store url="women.html"}}">blackpack bag</a></li>
            <li><a href="{{store url="men.html"}}">white</a></li>
            <li><a href="{{store url="women.html"}}">snapback</a></li>
            <li><a href="{{store url="gear.html"}}">hat</a></li>
            <li><a href="{{store url="women.html"}}">yeezi</a></li>
            <li><a href="{{store url="men.html"}}">men</a></li>
            <li><a href="{{store url="gear.html"}}">women</a></li>
            <li><a href="{{store url="women.html"}}">shoes</a></li>
            <li><a href="{{store url="men.html"}}">T-shirt</a></li>
            <li><a href="{{store url="gear.html"}}">Glasses</a></li>
            <li><a href="{{store url="women.html"}}">Dress</a></li>



General Questions

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