Welcome to Yaga

Yaga is a multipurpose WooCommerce-ready premium WordPress theme designed and developed by PeHaa THEMES. We wanted to keep it simple and elegant. In parallel with Yaga we developed two plugins that enhance the theme functionalities.

PeHaa THEMES Page Builder allows you building fancy page and posts layouts.
PeHaa THEMES Simple Post Types allows to easily add custom post types.
Both together will result in original layouts for whatever you want to showcase.


Once activated Yaga will display a Welcome Screen sending you to the Yaga Setup page (you can also access it in Appearance > Yaga Setup).


You can choose between installing and activating recommended plugins and installing, activating, configuring for the demo and importing the demo data.


If you choose Install and Activate Plugins four plugins will be installed and activated:

  • PeHaa Themes Simple Post Types
  • PeHaa Themes Page Builder
  • Envato Toolkit
  • CMB2 (Custom Metaboxes  and Fields by WebDevStudios)

Note that no custom post types will be added. The page builder will be activated on pages (default configuration).

If you choose Install + Activate Plugins and Import the Demo Data the plugins listed above will be installed and activated. PeHaa Themes Simple Post Types will be configured and “project” custom post type will be added together with its custom taxonomy “project_tag”. PeHaa Themes Page Builder will be activated on pages and projects.

The demo data is imported from There will be imported:

  • 15 pages (Blog, Features, five home page versions and 8 portfolio versions).
  • 7 posts
  • 8 projects
  • custom menu for main navigation

Please note that for the copyright reasons the attached images are blurred.

We recommend installing the demo into a fresh WordPress install on your localhost.

Recommended Plugins

Yaga theme setup recommends the installation of four plugins:

  • PeHaa Themes Simple Post Types
  • PeHaa Themes Page Builder
  • Envato Toolkit
  • CMB2 (Custom Metaboxes  and Fields by WebDevStudios)

Note that none of them is strictly necessary and if you don’t install them or deactivate any of them Yaga will still be fully functional.

PeHaa Themes Page Builder

Yaga ships with the PeHaa Themes Page Builder a page builder plugin.

Pages is the only post type that will be activated for page builder by default after the plugin activation. If you want to use page builder for posts or custom post types added with PHT Simple Post Types go to the PHT Page Builder menu page and check the post types you want to use the page builder for.

PeHaa Themes Simple Post Types

PeHaa Themes Simple Post Types is a simple plugin by PeHaa Themes that allows you add easily custom post types and custom taxonomies. So if  posts and pages are not enough and you need projects, recipes, team members or kittens then PHT Simple Post Types is a way to go.

Envato WordPress Toolkit

Yaga Theme recommends the installation of Envato WordPress Toolkit plugin for keeping up to date with the theme updates.

APIkeyYou’ll need to generate and your Envato API key. Login to your Themeforest account and go to Settings > API Keys, copy your API key if it exists already or generate a new one.

Once the plugin installed and activated click on the Envato Toolkit link in your dashboard sidebar, type your marketplace username and paste your API key. Click “Save Settings.” In the Themes Tab you’ll see all of your purchases.

Note that with a theme update all your modifications to the theme files will be lost. To avoid it make sure to install and activate a child theme and use it to modify Yaga.


Custom Metaboxes and Fields – you will need this plugin (available in WordPress repository) to manage some additional settings for your posts and pages. See the Posts and Pages section.


If you want to modify the theme css, you’ll have to edit the css/style.css file. It contains the three lines of code as below. Please note that you should not use “@import”, the parent css is loaded before your custom child css so “@import” is no needed.

/* Theme customization starts here. */
/* DO NOT use "@import". Just type some css that you need to add or override. */
/* Good luck with your project! */

If you are translating your theme (see Translate Your Theme section) you should add your translation files into the languages folder in your child-theme. From Yaga 1.0.2 we include an empty languages folder in the yaga-child folder, otherwise you have to create a folder named languages.


Yaga theme has one theme location for a menu – Main Navigation. We try to automatically optimise the way the nested links are displayed. If all nested links have they own nested links they will be displayed within the columns ( see the image below). The number of columns can vary from two to four.


Theme Options

All the Yaga Theme customization happens through the WordPress customizer. That means the front-end view and your changes instantly visible – a big advantage from the user perspective.


All your customization is theme specific and your settings will not be applied if you switch between a child and the parent theme.


Logo, Title and Tagline

You can upload two versions of logo, the second one can be used alternatively on posts and pages.



Choose on which pages you’d like to add a preloader. You’ll have four options:

  • Archive pages and Check-in/out for custom pages and posts,
  • Check-in/out for custom pages and posts
  • Always
  • Never

Check-in/out for custom pages and posts” means that post and pages will have a Page Preloader metafield so that you choose whether to use a preloader individually for each page.


Custom Scripts and Footer Copy

If you use some traffic tracking script, it’s where you can paste your code.

You can choose whether to add your custom script to the page head or to the footer.

Also, if you don’t like the default footer copyright text, you can modify it here.

Dashboard Login

Some users like to personalize the logo displayed on the login page. You can upload a dashboard logo that will replace the default WordPress one.

The displayed logo height is 84 pixels. For a crispy look on retina screens prepare your image double sized – the width should not exceed 640px and the height should be 168px.


Here, you can choose if you want to have a left or right-sided widgets area.

If you display the recent posts on your home page you can set here whether you want or not display the sidebar.


What can you set here?

  • Choose between the standard pagination or a “Load More” button
  • Choose between the grid or one column view of your recent post page (note that the archive pages will use the grid layout).
  • Decide what meta information (date, category, author, number of comments) should be displayed and in which area (above the title or below the excerpt).


With Yaga you can use two custom font families: one for the body text and one for the headings.

Simply choose a Google Font for body from Google Font Directory.

While choosing the body font family make sure that the italic, bold and bold italic styles exist, see the image below:


You can also decide whether to capitalize all the headings (like in Yaga Portfolio) or not (like in Yaga Blog).


You can set custom colors for:

  • links and links on hover
  • body background and text
  • menu drop-downs background and text
  • footer background and text
  • footer copyright area background and text
  • the background of boxes used for posts and in sidebar, the same color is applied to the page borders.

Custom css

You can add custom styles here. You might also consider (recommended) using the child-theme stylesheet instead.


If you activate the WooCommerce plugin there are four settings you can modify here.

You can set the numbers of products displayed par page (we set the default value to 12 that works well for both four and three columns view).

You can also switch on/off the side widgets on particular types of WooCommerce pages.

Posts and Pages

Once the CMB2 plugin is installed and activated all posts and pages display a custom metabox Yaga Custom Settings.

You can choose the color variant of the header (light or dark) and choose the logo version. This is useful if you use a page builder, skip the header and use a custom background for your first section.

Pages: Skip Elements include “Header” and “Sidebar”. Note that for pages that use PeHaa THEMES Page Builder sidebar is not displayed by default.

Posts: For posts you can decide to skip any of the following elements: header, sidebar, featured image, author’s bio, taxonomies, related articles slider.


Related articles slider

With Yaga Theme you can display a carousel of related posts at the bottom of your single post view.

The carousel is displayed if there are 5 related posts found. Note that only the posts with a featured image are taken into account. It there are no related posts (same tags or same category) 5 recent posts will be displayed instead.

You can disable the carousel for each post in the General Single View Settings metabox (see above).


Comments on Pages

Comments are by default enabled on pages. The comments area will be displayed if comments are opened (Quick Edit > Allow Comments) or if there are already some comments.

If you want to disable comments for all pages use this code snippet (it’s included commented in your child theme functions.php file – you just need to uncomment it):

add_filter( 'yaga_post_types_with_comments_displayed', 'yaga_child_post_types_with_comments_displayed' );
function yaga_child_post_types_with_comments_displayed() { return array( 'post' ); }


Sometimes things do not work as they should…

Header Video:

If the video doesn’t display you might have to add the following in your .htaccess file (Linux/Apache servers).

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
For more information see Mediaelementjs documentation.

Featured Images:

There are four image size variants used in this template, they are generated by WordPress during the image upload. If your images are already uploaded please use the Regenerate Thumbnails plugin, that will generate the missing sizes for you.

You don’t need this plugin if you start building your site with Yaga and you’ll upload all your images with Yaga being activated.

Theme styles not loading properly:

Yaga theme minifies the css and javascripts files. If you are used a service like Cloudflare it may happen that the double minification of the css files causes problems. It’s recommended that you only have one minify option turned on for your website.

In this case you should either turn off the css minification via your optimizationn service or enqueue the unminified css file.

Use a child theme and add the following block of code to yaga-child/functions.php:

add_filter( 'pehaathemes_main_stylesheet', 'not_minified_pehaathemes_main_stylesheet', 11 );
function not_minified_pehaathemes_main_stylesheet( $stylesheet ) {
	if ( 'style' === $stylesheet ) {
		return '';
	if ( 'style-wc' === $stylesheet ) {
		return '';
	return $stylesheet;	

Google Maps API Key

From June 22, 2016 the Google Maps Javascript API no longer supports keyless access (any request that doesn’t include an API key).

If you want to add a Google Maps you’ll have to create your Google Maps API key to display your google map. To obtain the API key you will have to login to the Google Developers Console (follow this link) (you’ll need to have/create a Google account). You’ll be guided through the process.


All you need to provide is some key name (you can set whatever you like, for example My Google Maps) and (optionally) you can input your website’s domain name (add an * in front of it to allow access from both and

Click “Create”.


Copy your API key and paste into the field in the PHT Page Builder settings. Save Changes. Please note that it can take a few minutes for settings to take effect.



Helper css classes

Since you can add custom class attributes to your page builder modules we provide a few helper classes:

Text alignment

If you want to align text within your module/column/section:

  • pht-text-center
  • pht-text-left
  • pht-text-right


To force the bottom/top margins of your module/column:

  • pht-mb  – will force a 24px bottom margin
  • pht-mb0  – will force a 0px bottom margin
  • pht-mt – will force a 24px top margin
  • pht-ml – will force a 24px left margin
  • pht-mr – will force a 24px right margin

Letter Spacing

pht-spacedletters will increase the spacing between letters


pht-underline-links – will display links underlined, same color as the text

Thank you. Please don’t hesitate to contact us via our themeforest profile page.

/* Yaga Theme Changelog
Yaga 2.0.5

release date: 29-05-2016

	- IMPORTANT: compatibility with upcoming 4.6 WP version
	- fixed pagination bug if the page builder Posts Grid module
is used on the front page
includes/metaboxes/metaboxes-single.php, css/
	- header images for posts
	- fixed bug in "mobile" menu on large screens
	- rounded images possible for images module
	- removed deprecated tags, added new tags
	- updated version number

Previous versions

Yaga 2.0.4

release date: 08-04-2016

	- rounded images possible for images module
css/style.css, css/style-wc.css
	- fixed site-header double search field
	- fixed first section display 
includes/class-yaga-woocommerce.php, includes/woocommerce/
	- fixed support for categories and subcategories on shop page
	- updated version number

Yaga 2.0.3

release date: 06-03-2016

	- added filter enabling extending google font subsets 
	- fixed thumbnail size and added filter enabling setting woocommerce image sizes
	- added filter enabling setting woocommerce image sizes
	- fixed typo
	- removed the documentation link from the dashboard menu - causing errors for ome server configurations
	- fixed missing translatable strings
	- updated version number

Yaga 2.0.2
release date: 02-03-2016
 - added filter enabling more links in the cart menu item
includes/class-yaga-phtpb-addons.php, includes/class-yaga-view.php, js/
 - fixed lightbox gallery
 - fixed scrolling down arrows
 - updated version number
Yaga 2.0.1
release date: 22-02-2016
css/style.css, css/style-wc.css
 - fixed site-header bugs
 - updated version number
Yaga 2.0.0
release date: 20-02-2016
 - changed to version 2.0
includes/setup, js/
 - multiple demos
 - added new demo
 - added contact page to the main demo
 - added countdown module and images carousel
 - overrides the Contact Form module
 - overrides the _phtpb_img_carousel_slide function
library/classes/pht-tiled-gallery, includes/class-yaga-tiled-gallery.php, includes/class-yaga-phtpb-addons.php
 - added skip resize for gif images in gallery and portfolio
library/classes/class-pht-resize-image.php, library/functions.php
 - added skip resize for specified mime type
 - fixed sidebar defaults overrides
 - replace #link by esc_url( home_url( '/') )#link
css/style.css, css/style-wc.css
 - fixed behavior for transparent png hover images
 - styles for countdown module and images carousel added
 - improved Contact Form 7 notifications
 - fixed the width classes to improve layout on smaller screens
 - fixed a bug where ids where not added to columns
 - updated version number
Yaga 1.2.1
 - added Behance
fonts, css/style.css, css/style-wc.css
 - added Behance icon
css/style.css, css/style-wc.css
 fixed woocommerce notifiction "view cart"
 - fixed typo
woocommerce/cart/mini-cart.php, woocommerce/content-product.php, woocommerce/loop/add-to-cart.php, woocommerce/single-product/review.php
 - WooCommerce version 2.5 compatibility
 - conditional pingback link
css/style.css, css/style-wc.css
 - fixed header video position,
 - fixed gallery and gallery portfolio links position
 - added 'yaga_related_starts_display_from' and 'yaga_related_posts_count' hooks to ad more flexibility to the posts carousel
 - possibility to disable the main navigation
 - fixes possible errors with custom query
 - updated version number
Yaga 1.2
 fixed page builder on special pages (woocommerce, posts page)
 added hooks to enable modifications via child theme,
 added All Items Label field for Filtrable Portfolio Module
css/style.css, css/style-wc.css
 - style for WPML menu icons
 - Waypoints updated to 4.0.0
 - Fixed menu behavior
 - updated version number
Yaga 1.1
css/style.css, css/style-wc.css
 - allow breaking too long links in comments
 - fixed changing drop-down menu colors
 - fixed custom logo height
includes/class-yaga-single-view, includes/class-yaga-site-header, includes/class-pht-theme-config.php
 - fixed behavior on password protected posts
library/classes/class-pht-theme-start.php, includes/class-yaga-sidebar.php, includes/class-pht-theme-config.php
 - changed the name of static variable PeHaaThemes_Theme_Start::$post_types_with_FPB to PeHaaThemes_Theme_Start::$post_types_with_PHTPB
 - added "if class_exists" to avoid potential errors if redefined in a child-theme
 - updated slick.js to version 1.5.9
 - added smooth scroll for menu items with anchors on the same page
 - updated version number
Yaga 1.0.2
 - fixed text domain bug
 - enabled adding translation files to a child theme
 - updated version number
Yaga 1.0.1
css/style.css, css/style-wc.css
 - fixed overlay bug in Edge browser
 - fixed default border color for galleries
 - fixed menu color bug
 - fixed left and right margins for a full-width button
 - fixed theme text domain info
 - updated version number
Yaga 1.0.0
Initial release