Our brands

Config Header


General Settings

Header Layout: You can change layout for header which there layouts were supported in the theme. There options are calling to header layout .phtml files in the folder: app/design/frontend/Venustheme/<theme>/Ves_Themesettings/templates/header/

– Static Block ID: Choose the static block id (ex: you want to show phone info or banner on header) which you want to show it on header (the block was referenced default in Venustheme with block name: custom_block ) Default venustheme dont load the static block on header.

Custom Style: Enable the option, you can override text color, link color, hover link color for header.

– Outer Container: Enable the option to custom header background image, color, padding, margin (It will generate css code for class: .page-header)


	color: #000;
	background-color: #fff;

Inner Container: Enable the option to custom background color, padding for header inner container (.page-header .ves-inner)


.page-header .ves-inner{
  background-color: #fff;
  padding-top: 5px;
  padding-bottom: 0px;


Top Links

Enable/disable top links block, and define custom top links.

Add Custom Links: Title, link, Target, Class

Search Box

Enable/disable search form on header. Custom color, background for search box, or config text and icon for search button.

Custom Style: Enable you can override background color, hover background color, text color for search box

Search button: Config button text and icon class, button format.


Language Switcher

Config enable/disable language switcher block on header.

Template: Select box, Flags

Language label: show/hide language label text

Label color: override color for language label


Currency Switcher

Config enable/disable currency swticher block on header.

Template: Select box, Flags

Currency label: show/hide currency label text

Label color: override color forcurrency label


Sticky Header

Enable/disable sticky header. Enable to allow header keep on top when scroll down..

Custom Style: Enable to override color, background color, link color, text color for elements under sticky header

Elements: Choose all elements or specify elements will show on sticky header (when scroll down)



Enable/disable top bar blocks. The topbar block was defined in the header.phtml file as this:

<!-- Top bar -->
	<?php if($show_topbar): ?>
	<div class="panel wrapper page-topbar clearfix <?php echo $topbar?"sticky-item":"sticky-item-hidden"  ?>">
		<div class="ves-inner page-main">

			<?php echo $this->getChildHtml('skip_to_content') ?>

			<?php if($currency_block = $this->getChildHtml('currency')): ?>
			<div class="switcher-currency-wrapper hidden-sm hidden-xs">
				<?php echo $currency_block ?>
			<?php endif; ?>
			<?php if($store_language = $this->getChildHtml('store_language')): ?>
			<div class="switcher-language-wrapper hidden-sm hidden-xs">
				<?php echo $this->getChildHtml('store_language') ?>
			<?php endif; ?>
	<?php endif; ?>

Also you can enable custom style for elements in the topbar block.


Top Cart

Allow config top cart format: icon, text, icon and text and change icon cart class (Default icon cart class: fa fa-shopping-cart)

Share this Post!

Panda Thuan
Panda Thuan
Creativity is falling in love with the world

0 Comment

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