Our brands

Venus Theme Magento 1.9.x

Theme Configuration

Homepage Configuration

Ves Sportshop Magento 1.9.x have 4 different homepages built by Ves Page Builder module.

I. Sportshop Home Page Default:

link demo

II. Sportshop Home Page 2:

link demo

III. Sportshop Home Page 3:

link demo

III. Sportshop Home Page 4:

link demo

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

Go to back-end > VenusTheme > Ves Page builder > Manager page profile > Edit profile name “Home Page Default”

Go to back-end > VenusTheme > Ves LayerSlider > Manager Banners and select your slider ( ex: Slider default ).

– To change text

– To change image: click the current image and press “Select image” button then browser to your path.

To insert it in the pagebuilder, you use widget with namely: “Ves Layer Slider” and select “Banner Id”

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

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

in Shortcode you can see:

{{widget type="ves_base/widget_video" id="juFeJxuGJsM" enable_collapse="false" file="single_image/d1-01.jpg" aspect_ratio="16by9" width="960" height="700" video_template="ves/base/youtube.phtml"}}

+ 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

– add class no-effect if you don’t want to show effect when hover the image.

– Enable Image Description: Yes and add description into textarea Image Description

Config image banner with row-success in home 3 (the banner overwrite the content above)

config:

select Row style: Success

+ In the back-end, we used the widget, namely “CMS Static Block” on page builder profile

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

+ How To Config In The Backend

>> To config product carousel, please open the widget “Product list: Tabs by rules” or widget “Product list: Tabs by categories” in pagebuilder home 2 (To select special category: Bicycles) and edit it

+ Config widget options:

Enter title and pretext for widget

+ Tabs Settings:

+ Config Product Setting to Show/Hidden the elements:

+  Config Carousel Setting:

Config show/hidden Navigation, Pagination and product items on each device responsively.

>> Config Product list: Tabs by categories has different options here:

Column highlighted (in home 1)

Config in the back-end:

>> Select Column Style: highlighted

Column warning (in home 2): The rating will be shown align right of product info

>> In the back-end select Column Style: warning

Column success (in home 3)

>> Select Column Style: Success

Fontend:

In this widget, you can config it like “7. How To Config Product Carousel Show Grid View Mode” element but it has different options here:

– Select Tabs Type: Bootstrap Tabs And Carousel Layout

– Config number column and products

In page builder, you can choose widget: “Ves Latest Blogs” and click “edit”

Config number post items on per page and config show/hidden navigation:

Post Settings: config to show/hidden elements in this widget.

To show owl carousel please using module template file path: ves/blog/block/latest_owl.phtml

Latest Blog with column primary (in home 1)

>> In backend select Column Style: primary

Latest Blog with column danger (in home 2 and home 3)

In page builder, you can choose widget: “Ves Brand Scroll” and click “edit” button

you can change number item and column for this widget.

We used module template in file path: ves/brand/block/carousel.phtml

Frontend:

In page builder, choose widget: “Banner Countdown Timer” and click “edit” button

you can change the Title, Expired Date, Image Backgroud, description and link for this widget.

In page builder, We used widget with namely: “Ves Testimonial”

you can change size image, column and max items for this widget.

We used module template in file path: ves/testimonial/carousel.phtml

In page builder, you can choose widget: “HTML Block” and click “edit” button

you can change the Widget title, text content like below image.

In page builder, you can choose widget: “Our Service” and click “edit” button

you can change the title, image/icon Awesome, content for this widget.

Remove space for each row

In page builder, you can choose “setting” button to make space for each row

In the “Row Setting” >> Open “Layout” Tab >> Add css margin or padding like below image

Remove space for each element

you can add class “no-padding-left” or “no-padding-right”

Or you can using column style: no-padding to remove all padding (top, right, bottom and left)

Header Configuration

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

Backend config:

To Config Header Default, Go to Admin Panel >> VenusTheme >> Ves Theme Settings >> Header >> Choose “Header” for Header Layout

Code html at this path file

app\design\frontend\ves_sportshop\default\template\common\header\header.phtml

>> How To Config Other Header for storeview

  1. header: header.phtml
  2. header-v2: header-v2.phtml
  3. header-v3: header-v3.phtml
  4. header-v4: header-v4.phtml

To change Logo, Go to Admin Panel > System > Configuration > Design > Header

After that, you select Current Configuration Scopeto then enter url image (GIF, PNG, JPG, or SVG file type)

default path: skin\frontend\ves_sportshop\default\images\

Footer Profiles

Ves Sportshop provides 4 footer styles, you can choose one of them here

The frontend show:

How To Config footer profiles in backend

Go to back-end > VenusTheme > Ves Theme Setting > Theme Setting > Footer > select your block

To edit content footer you go to VenusTheme > Ves Block Builder > Manage Block Profile open “Footer Layout

How To Edit Copyright and Payment logo

They are directed in file path: app\design\frontend\ves_sportshop\default\template\page\html\footer.phtml

1. How TO Change Copyright:
You can edit cotent copyright in Admin > System > Configuration > Design > Footer > Copyright

2. Change logo paypal
Change image payment in file path: skin\frontend\ves_sportshop\default\images\paypal.png

Homepage Configuration

Ves Global Magento 1.9.x have 2 different homepages built by Ves Page Builder module.

I. Global Home Page Default:

link demo

II. Global Home Page 2:

link demo

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

To configure the home page for other store, please select your Store View and select the desired page in the CMS Home Page field

Go to back-end > VenusTheme > Ves Page builder > Manager page profile > Edit profile name “Home Page Default”

Go to back-end > VenusTheme > Ves LayerSlider > Manager Banners and select your slider ( ex: Slider default ).

– To change text

– To change image: click the current image, press “Select image” button then browser to your path.

To insert it in the pagebuilder, you use widget with namely: “Ves Layer Slider” and select “Banner Id”

+ 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

– add class no-effect if you don’t want to show effect when hover the image.

– Enable Image Description: Yes and add description into textarea Image Description.

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

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

NOTE: you can insert class icon (font awesome) for Widget Title using

+ How To Config In The Backend

>> To config product carousel, please open the widget “Product list: Tabs by rules” or widget “Product list: Tabs by categories” (To select special category) and edit it

+ Tabs Settings:

Select your rule.

List rule, VenusTheme > Ves Product List > Manage Rules you can edit or add new rule.

+ Config Product Setting to Show/Hidden the elements:

+  Config Carousel Setting:

Config show/hidden Navigation, Pagination and product items on each device responsively.

>> Config Product list: Tabs by categories has different options here:

you can select your categories.

Column highlighted

Config in the back-end:

>> Select Column Style: highlighted

Column success

>> Select Column Style: Success

Fontend:

In this widget, you can config it like “6. How To Config Product Carousel Show Grid View Mode” element but it has different options here:

– Select Tabs Type: Bootstrap Tabs And Carousel Layout

– Config number column and products

In page builder, you can choose widget: “Content Carousel” and click “edit”

Carousel Setting:

you can set number items on each device responsively.

Block content:

			<div class="pull-left">
			<img src="{{media url="single_image/d1-06.png"}}" alt="" /></div>
			@venus It's fully customizable. A good extension!<br>
			<span><em class="fa fa-twitter"> </em>2 minutes ago</span>

		

In page builder, you can choose widget: “Ves Brand Scroll” and click “edit” button

you can change number item and column for this widget.

We used module template in file path: ves/brand/block/carousel.phtml

Remove space for each row

In page builder, you can choose “setting” button to make space for each row

In the “Row Setting” >> Open “Layout” Tab >> Add css margin or padding like below image

Remove space for each element

you can add class “no-padding-left” or “no-padding-right”

Or you can using column style: no-padding to remove all padding (top, right, bottom and left)

Header Configuration

Ves Global provides 2 header styles, you can choose one of them here.

Backend config:

To Config Header Default, Go to Admin Panel >> VenusTheme >> Ves Theme Settings >> Header >> Choose “Header” for Header Layout

Code html at this path file

app\design\frontend\ves_global\default\template\common\header\header.phtml

>> How To Config Other Header for storeview

  1. header: header.phtml
  2. header-v2: header-v2.phtml

To change Logo, Go to Admin Panel > System > Configuration > Design > Header

After that, you select Current Configuration Scopeto then enter url image (GIF, PNG, JPG, or SVG file type)

default path: skin\frontend\ves_global\default\images\

Font-end:

To change top link, Go to the path: app\design\frontend\ves_global\default\template\common\header

then select your header and change text, icon class

Footer Profiles

The frontend show:

How To Config footer profiles in backend

Go to back-end > VenusTheme > Ves Theme Setting > Theme Setting > Footer > “Footer Layout

To edit content footer you go to VenusTheme > Ves Block Builder > Manage Block Profile open “Footer Layout

How To Edit Copyright and List Category

They are directed in file path: app\design\frontend\ves_global\default\template\page\html\footer.phtml

1. How To Change Copyright:
You can edit cotent copyright in Admin > System > Configuration > Design > Footer > Copyright

2. Change list category
Go to Admin > CMS > Static Blocks > open block_footer_categories and edit widget

Admin Theme Settings

Theme Settings

In this tab, you are able to:

– Choose skin color store view

– Choose director support LTR or RTL Languages

– Enable or disable panel tool

– Select your header, footer profile

– Config enable/disable elements in pages

– Config size product’s image in detail and category page

– Config number products show in block upsell, related and crossell…

 

To config them please go to Admin Panel > VES THEME SETTINGS > Theme Settings

We created 4 skins in Ves Sportshop Magento 1 theme: Default (orange), blue, green and yellow, you can view it in folder:

..\skin\frontend\ves_sportshop\default\scss\skins

Theme Design

In this tab, you are able to:

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

– Config button color, background and hover, focus

– Select fomat and config icon class

– Add custom google font for body, product

 

To config them please go to Admin Panel > VES THEME SETTINGS > Theme Design

To config them for orther store please change “Current Configuration Scope” and reconfig values

Theme Layout

Fontend:

In this tab, you are able to:

– Set Maximum Page Width or Custom Maximum Page Width: to config width page content

– Config Fluid Width

 

To config them please go to Admin Panel > VES THEME SETTINGS > Theme Layout

Theme Settings

In this tab, you are able to:

– Choose skin color store view

– Choose director support LTR or RTL Languages

– Enable or disable panel tool

– Select your header, footer profile

– Config enable/disable elements in pages

– Config size product’s image in detail and category page

– Config number products show in block upsell, related and crossell…

 

To config them please go to Admin Panel > VES THEME SETTINGS > Theme Settings

We created 6 skins in Ves Global Magento 1 theme: Default (green), blue, black, red, pink and yellow, you can view it in folder:

..\skin\frontend\ves_global\default\scss\skins

Theme Design

In this tab, you are able to:

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

– Config button color, background and hover, focus

– Select fomat and config icon class

– Add custom google font for body, product

 

To config them please go to Admin Panel > VES THEME SETTINGS > Theme Design

To config them for orther store please change “Current Configuration Scope” and reconfig values

Theme Layout

Fontend:

In this tab, you are able to:

– Set Maximum Page Width or Custom Maximum Page Width: to config width page content

– Config Fluid Width

 

To config them please go to Admin Panel > VES THEME SETTINGS > Theme Layout

Blocks Diagram

Static Blocks Diagram

This is all CMS static blocks we are using on the theme Ves Sportshop.

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

 

1. “block-custom-header” is used in header and header-v3

	<em class="fa fa-phone"> </em>
	<p>+123-456-7890</p>

 

2. “home-blockwelcome” is used in widget “CMS Static Block” on pagebuilder “Home Page Default” and “Home Page Demo4”

	<h1>Welcome To Our Store!</h1>
	<div>
	We are glad to welcome you at our Extreme Sports Clothing & Gear Store. Are you looking for some thrilling and memorable emotions? Eager to discover some features of your character or just turn your boring routine into a bright world of new feelings?
	</div>
	<button class="button btn-large">See it in Action</button>

Static Blocks Diagram

This is all CMS static blocks we are using on the theme Ves Global.

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

 

1. “block_footer_categories” is used in footer.

<div>{{widget type="ves_base/widget_links" ul_cls="list-inline" enable_collapse="false" text_link_1="About us" link_1="#" text_link_2="Customer service" link_2="#" text_link_3="Site map" link_3="#" text_link_4="Search terms" link_4="#" text_link_5="Advanced search" link_5="#" text_link_6="Orders & Returns" link_6="#" text_link_7="Contact us" link_7="#"}}</div>

Detail config:

 

2. “block-custom-header” (current status: disable) you can enable to show in header

<em class="fa fa-phone"> </em>
<p>+123-456-7890</p>

Extensions

Ves Megamenu

Ves megamenu provides powerful and most advanced menu, we’re going to describe detailed instructions how to use this powerful menu features.

Front-end:

For general menu settings, please go to Admin Panel > VenusTheme > Ves Megamenu > Manage Menu Items

List Widgets which used in memu’s dropdown:

 

Config items menu:

Menu item “Home”

  1. Enter Name for item menu
  2. Select Type: URL and enter URL: {{store url=”}}

Then, press “Live Mega Menu Editor” button to config elements in dropdown

  1. Create submenu: Yes
  2. Width of submenu: enter your width
  3. Alignment: select your layout
  4. You can add row, column and set number “Column Width” for that
  5. Select the widget end insert it

 

Menu item “New Arrivals”

  1. Enter Name for item menu
  2. Select Type: Category and select your category

And config element in dropdown menu like item Home.

Ves Blog

1. How To Change URL link:

Go to Admin > VenusTheme > Ves Blog > Configuration > General Settings

Config Size Image:

2. Config limit items and number column for each layouts blog list

3. Config Show/hidden elements in item blog list

Show on frontend:

In the case, the post page will show elements: blog image, title, description, category title, create time, tags.

4. Config post page (detail post)

– Show/hidden elements blog:

– Related Products in blog page

5. Config related blog in product page (product detail)

Ves Megamenu

Ves megamenu provides powerful and most advanced menu, we’re going to describe detailed instructions how to use this powerful menu features.

Front-end:

For general menu settings, please go to Admin Panel > VenusTheme > Ves Megamenu > Manage Menu Items

List Widgets which used in memu’s dropdown:

 

Config items menu:

Menu item “Home”

  1. Enter Name for item menu
  2. Select Type: URL and enter URL: {{store url=”}}

Then, press “Live Mega Menu Editor” button to config elements in dropdown

  1. Create submenu: Yes
  2. Width of submenu: enter your width
  3. Alignment: select your layout
  4. You can add row, column and set number “Column Width” for that
  5. Select the widget end insert it

 

Menu item “New Arrivals”

  1. Enter Name for item menu
  2. Select Type: Category and select your category

And config element in dropdown menu like item Home.

 

Menu item “Deals”

  1. Enter Name for item menu
  2. Select Type: URL and insert your url

NOTE: url: “deals” is identifier rule in Ves Product List.

Addition, you can inport megamenu from list categories in Catalog/Manage Categories.

Ves Verticalmenu

Fontend:

Config title

Go to admin panel > VenusTheme > Ves Verticalmenu > Configuration.

You can add class icon awesome with in here.

Config icon

you can add class icon awesome or insert image for each item menu.

Other Config

Other Config like module ves megamenu.

Ves Blog

1. How To Change URL link:

Go to Admin > VenusTheme > Ves Blog > Configuration > General Settings

Config Size Image:

2. Config limit items and number column for each layouts blog list

3. Config Show/hidden elements in item blog list

Show on frontend:

In the case, the post page will show elements: blog image, title, description, category title, create time, tags.

4. Config post page (detail post)

– Show/hidden elements blog:

– Related Products in blog page

5. Config related blog in product page (product detail)

Ves Treemenu

Ves TreeMenu show all category in Catalog > Manage Categories and will be shown in sidebar category page

Show in front-end:

Config in back-end:

Go to admin panel > VenusTheme > Ves TreeMenu > Configuration

– enable/disable module
– change title
– change menu type: Accordion/Dropdown or Tree

Ves Price Slider

Ves Price Slider will be shown in sidebar category page

This module will be filter price product by ajax.

Font-end:

Configuration in back-end:

you can change some config about style, text…

Ves Auto Search

Show in font-end:

Configuration in back-end:

Go to admin panel > VenusTheme > Ves Auto Search > Configuration

you can change config show/hidden elements, size image product, and limit result…

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