Blaszok Documentation

Greetings! Bellow you will find complete docummentation for Blaszok theme.

SupportVideo TutorialsPurchase
  1. General Info
    1. Video Tutorials
    2. Folder Structure
    3. FAQ
    4. Change Log
    5. Source & Credits
  2. Getting Started
    1. Preparing WordPress
    2. Installation & Theme Activation
    3. Required Plugins
    4. Setup Blaszok like ThemeForest preview
    5. How To Update Blaszok
    6. Settings import/export
    7. Child Theme NEW
    8. Performance NEW
  3. Options
    1. General
    2. Fonts
    3. Elements
    4. Visuals
    5. Styles
  4. Content
    1. Pages
    2. Posts
    3. Portfolio
    4. Post Formats
    5. Menu
    6. Mega Menu
    7. Secondary Menu
    8. Parallax Sections
    9. Contact Form
    10. Comments
  5. Addons
    1. Additional page settings
    2. Shortcodes
    3. Visual Composer / Shortcodes
      1. Icon list
      2. Social list
      3. Portfolio meta
      4. Testimonials slider
      5. Products slider
      6. Products categories slider
      7. Posts slider
      8. Portfolio slider
      9. Images slider
      10. Counter
      11. Deco header
      12. Icon
      13. Icon column
      14. Code wrapper
      15. Quote
    4. CSS3 Pricing Tables
    5. Get Kudos
    6. Lookbooks / Catalogues
    7. Smart Search
    8. Image grid layout (HTML)
    9. OnePage Scroll To Element
  6. Sliders
    1. Slider Revolution
    2. Layer Slider 5
  7. WooCommerce
    1. Additional product settings
    2. Products category settings

General Informations - top

First of all, we want to say thanks you! We are very grateful that you have chosen our template for your website. We will do everything we can to provide you the best support possible. Feel free asking us if you need more help.

We offer to install Blaszok & setup it (like the preview) for free. If you want to make use of this promotion please file a support ticket with your wp-admin, ftp & phpmyadmin info.
Video Tutorials - top
Below is a list of our videos, there were not recorded specifically for this theme but they are universal and you can learn from them the basic theme usage.
Folder Structure - top
Blaszok Theme Folder Structure:
FAQ - top
How to force content to display on the right side in portfolio single item view?

When you create a portfolio item make sure that all the content you want to display on the right side (next to the featured images) is embeded inside the first row of the visual composer. Everything bellow the first row will be displayed after the featured image.

How to make a "Your Page" to display as Home page?

Go to settings>reading inside WordPress admin panel and set static front page as "Your Page".

How to display only the excerpt of the post?

Hi, to display only the excerpt of the post you need use the tag in HTML post editor or in visual editor use this button (see) to mark which section of the post you want to show.

How to setup twitter widget

There is a video tutorial coresponding to this section of the documentation - Universal - Twitter Widget Setup

Blurry product images

If you are encountering blurry images on your shop (or shortcodes releated to your products) make sure you have proper image settings in WooCommerce>Products tab. The settings should look like on the image bellow.

Visual Composer
Change Log - top
Blaszok - Ultimate Multi-Purpose Resposive Theme
----------------------------------------------------

03/07/2014 - Version 1.6.1
- IMPROVED: Performance
- IMPROVED: Mobile experience and display
- IMPROVED: Child theme styles
- IMPROVED: Compatibility with W3 Total Cache and Better Wordpress Minify
- UPDATED: Revolution Slider 4.5.6
- UPDATED: WooCommerce Quickview 3.0.6
- UPDATED: Documentation (with performance tips - up to 40% improvement)

----------------------------------------------------

18/06/2014 - Version 1.6.0
- NEW FEATURE: Scroll to #ID
- NEW FEATURE: Sliders light arrows
- NEW FEATURE: Simple icon columns
- NEW FEATURE: Sticky header logo
- NEW FEATURE: Separators width and alignment
- NEW FEATURE: Icon shortcode
- NEW FEATURE: Counter shortcode
- UPDATED: Visual Composer 4.2.3
- UPDATED: Revolution Slider 4.5.4
- UPDATED: MPC plugins
- UPDATED: Documentation
- UPDATED: Localization files
- FIXED: Revolution Slider responsiveness
- FIXED: Pricing Tables display
- FIXED: Flexslider arrows
- FIXED: Back to top animation
- FIXED: Gravity Forms display
- FIXED: bbPress display

----------------------------------------------------

12/06/2014 - Version 1.5.1
- FIXED: Update process of Visual Composer
- FIXED: Added plugins files for manual install
- FIXED: Some other small issues from 1.5.0 update

----------------------------------------------------

11/06/2014 - Version 1.5.0
- NEW FEATURE: Shop custom columns number
- NEW FEATURE: Product accordion details
- NEW FEATURE: bbPress support
- NEW FEATURE: Panel settings import/export
- IMPROVED: Price filter on mobile
- IMPROVED: Grafvity Forms support
- UPDATED: Visual Composer 4.2.2
- UPDATED: Revolution Slider 4.5.2
- FIXED: Revolution Slider display issue
- FIXED: Sidebar display on mobile
- FIXED: Sidebar behavior on mobile
- FIXED: Menu active custom color
- FIXED: Socials link redirect
- FIXED: Coupon field display in cart

----------------------------------------------------

27/05/2014 - Version 1.4.0
- NEW FEATURE: Transparent header (with custom colors, opacity and layout)
- NEW FEATURE: Separate font sizes for page sections (header, sidebar, etc.)
- NEW FEATURE: Advance color settings for page sections (header, sidebar, etc.)
- NEW FEATURE: New mobile menu (icon in header with dropdown)
- NEW FEATURE: Simple search dropdown
- NEW FEATURE: Mobile logo
- NEW FEATURE: Custom labels for WooCommerce tabs
- NEW FEATURE: Custom font for menu
- NEW FEATURE: Mobile sticky header
- NEW FEATURE: Hidding footer segments for each page
- NEW FEATURE: Header full width display
- IMPROVED: Custom CSS are now saved to separate file
- IMPROVED: Bundled plugins update process
- IMPROVED: Moved plugins from theme file
- IMPROVED: All pages heading changed to H1
- IMPROVED: Header buttons display as icons
- IMPROVED: New social icons
- UPDATED: MPC plugins
- UPDATED: Visual Composer 4.1.3.1
- UPDATED: CSS3 Pricing Tables 9.6
- UPDATED: WooCommerce Quickview 3.0.5
- UPDATED: FontAwesome 4.1
- FIXED: Shop category permalink issue

----------------------------------------------------

14/05/2014 - Version 1.3.1
- IMPROVED: Products slider (Sale products slider, sale badge)
- IMPROVED: Woocommerce Sold Out Products support
- UPDATED: MPC plugins
- UPDATED: Documentation
- UPDATED: Localization files
- UPDATED: Visual Composer 4.1.3
- FIXED: Quickview icon display
- FIXED: Cart/Checkout order display

----------------------------------------------------

10/05/2014 - Version 1.3.0
- NEW FEATURE: Quickview for products
- NEW FEATURE: Shop categories/tags custom header image/shortcode
- NEW FEATURE: Shop categories/tags custom sidebar settings
- NEW FEATURE: Global disable hover effect on products
- IMPROVED: Checkout display
- IMPROVED: Fancy Product Designer support
- IMPROVED: Woocommerce Smart Coupons support
- UPDATED: MPC plugins
- UPDATED: Woocommerce templates
- FIXED: Fullwidth with sidebar template on Shop
- FIXED: Products slider on desktop

----------------------------------------------------

30/04/2014 - Version 1.2.3
- IMPROVED: External products display
- UPDATED: New versions of MPC plugins with update notifications
- UPDATED: Localization files
- UPDATED: Slider Revolution 4.3.8
- FIXED: Wishlist and checkout alignment in boxed layout
- FIXED: Mobile cart duplication
- FIXED: Updating cart saves products quantities
- FIXED: Child theme translation

----------------------------------------------------

25/04/2014 - Version 1.2.2
- FIXED: Wishlist display
- FIXED: Page title duplication
- FIXED: Mobile logo display

----------------------------------------------------

23/04/2014 - Version 1.2.1
- UPDATED: Visual Composer 4.1.2
- FIXED: Cart issues
- FIXED: My account issues
- FIXED: Google Maps
- FIXED: Currency symbol space
- FIXED: Sliders touch
- FIXED: Mobile logo
- FIXED: Sliders mobile display
- FIXED: Parallax
- FIXED: MPC Shortcodes button
- FIXED: Fullwidth with sidebar template
- FIXED: Background settings
- FIXED: Visual Composer shortcodes

----------------------------------------------------

18/04/2014 - Version 1.2.0
- NEW FEATURE: All sliders are now touch enabled
- NEW FEATURE: Testimonials Visual Composer Shortcode
- NEW FEATURE: Added two new product looks
- NEW FEATURE: Custom Product tabs with WYSIWYG editor & short code support
- NEW FEATURE: Size Guides: global or unique for a product
- NEW FEATURE: Styled WooCommerce Subcategory Shop View
- NEW FEATURE: Disable Responsive
- NEW FEATURE: Turn Off Search Checkbox
- NEW FEATURE: Secondary Header + Secondary Menu With Drop Down
- NEW FEATURE: Turn Off Subscription
- NEW FEATURE: Full Width Page + Sidebar
- NEW FEATURE: Add text instead of subscription
- NEW FEATURE: Pinterest added to share
- NEW FEATURE: Back to Top: left, right, center & none settings.
- NEW FEATURE: Added option - Don’t change product photo on hover.
- IMPROVED: Cart - mobile friendly
- IMPROVED: Wishlist, added button + tooltip
- IMPROVED: Account View
- IMPROVED: Search - Close search when clicked outside
- IMPROVED: Icon List Shortcode
- IMPROVED: Products number display option
- IMPROVED: Documentation - completely new design
- UPDATED: WordPress 3.9 Copatbility
- UPDATED: Responsiveness
- UPDATED: Visual Composer 4.1
- UPDATED: Slider Revolution 4.3.6
- FIXED: VAT Bug
- FIXED: Mega Menu Bug
- FIXED: FireFox Load More Bug
- FIXED: Related Products Bug
- FIXED: Currency in Search Field
- FIXED: Skin issues

----------------------------------------------------

08/04/2014 - Version 1.1.1
- NEW FEATURE: Compact Archive View (small thumbnails)
- ADDED: New Header Layout (Logo above, menu & cart centered)
- ADDED: Mobile Footer Check Box
- UPDATED: Visual Composer to 4.0.4
- UPDATED: Slider Revolution 4.3.4
- FIXED: Contact Form Issue
- FIXED: Carousel Bug (Not responsive)

----------------------------------------------------

03/04/2014 - Version 1.1.0
- NEW FEATURE: Layer Slider 5 (worth $18)
- NEW FEATURE: CSS3 Pricing Tables (worth $17)
- NEW FEATURE: Masonry Shop
- NEW FEATURE: Load More for masonry shop
- ADDED: Home pages source in txt files
- UPDATED: Documentation
- UPDATED: Menu layouts, new style Menu, Cart, Logo
- FIXED: Mobile cart expanding viewport
- FIXED: Visual Composer teaser group responsive
- FIXED: Carousel Bug (Not responsive)
- FIXED: iOS bugs
- FIXED: Adroid bugs
- FIXED: Minor CSS fixes

----------------------------------------------------

28/03/2014 - Version 1.0.4
- NEW FEATURE: Envato toolkit, Easy update
- UPDATED: Documentation
- FIXED: Required plugins install error
- FIXED: WooCommerce single product image

----------------------------------------------------

27/03/2014 - Version 1.0.3
- NEW FEATURE: Simple Lookbook Price Badges
- NEW FEATURE: Row ID for page navigation
- FIXED: IE Lookbooks
- FIXED: Parallax behavior
- FIXED: Portfolio spacing
- FIXED: Titles underline
- FIXED: Language & Currency drop downs
- FIXED: Quote display

----------------------------------------------------

25/03/2014 - Version 1.0.2
- NEW FEATURE: Option to remove Cart
- NEW FEATURE: Option to remove Price
- NEW FEATURE: Option to remove Add To Basket
- NEW FEATURE: Option to choose different menu for mobile divices
- NEW FEATURE: Added Child Theme
- NEW FEATURE: Custom skin.css
- UPDATED: Visual Composer 4.0.3
- UPDATED: Documentation
- UPDATED: PO File
- FIXED: Reviews mobile issue
- FIXED: Menu layout when scrolling
- FIXED: Lookbook price issue
- FIXED: Child theme issues
- FIXED: Some minor CSS issues

----------------------------------------------------

20/03/2014 - Version 1.0.1
- FIXED: "Login" redirects to "My Account"
- FIXED: Cart mobile display
- FIXED: Demo content URLs and Sliders imports
- FIXED: WooCommerce shortcodes styles

----------------------------------------------------

19/03/2014 - Version 1.0
- RELEASE
Sources and Credits - top
I've used the following plugins as listed.

Getting Started - top

In this section we will go over the process of setting up WordPress environment, next I will show you how to install and activate your brand new theme. Finally you will learn how to setup all of the key features of Blaszok theme.

Preparing WordPress - top

If you already have WordPress installed on your server just skip to the next section. If you haven't yet installed WordPress on your server here you will find a complete guide on this topic. Just follow the steps and you will be ready in a blink of an eye with your shiny new WordPress website.

Installation and Theme Activation - top
There is a video tutorial corresponding to this section of the documentation - Universal Video - Theme Installation

Each WordPress Theme can be installed in three ways: via ftp client, through the admin panel:

Installing WordPress Theme via FTP client: Installing Theme via WordPress Admin Panel:
Required Plugins - top
There is a video tutorial corresponding to this section of the documentation - Universal Video - Required Plugins Installation

After installing and activating the theme you will see a yellow popup at the top of the page. Saying: "This theme requires the following plugins..." please click the 'Begin Installing plugins' link.

You will be redirected to 'Install Required Plugins' page, here you will find all of the theme required plugins. To install them just check all of them and from the drop down select install once installed do the same to activate them.

Required plugins: Recommended plugins:

After installing the Visual Composer please go to 'Settings>Visual Composer' and make sure to check the following checkboxes under Content Types: post, page, products & mpc_portfolio. After making the changes please click the 'Save Changes' button.

How to setup your theme to look like in ThemeForest preview - top

If you want to setup your theme to look like the Blaszok preview from ThemeForest please follow this guide. In the download package you will find a folder called import. In this folder you will find a xml file which was exported from the preview, it contains the content of admin panel. To import the XML file you will need to install the WordPress Importer plugin.

Home Content

With Blaszok we are also providing the content for the home pages please go to 'import/home-content' folder inside the 'package you have downloaded from themeforest' in there you will find few sepearte txt files. Each of them represents the home version you can copy the code from there and paste it inside the text editor of the page (Look at the image bellow). Once you do this you can switch to 'backend view' of the visual composer to see how the structure looks like.

Add Home Example How to setup the home versions

Bellow I will explain how to setup your page to look like the different home page versions.

How To Update Blaszok - top

For those of you who are using the version 1.0 - 1.0.3 to update Blaszok you will need to download the new version from your download tab on themeforest.net Then go to Appearance > Themes, delete current version of Blaszok (don't worry you wont loose your settings) and install the new version, after activiation you would have a brand new version with the same settings and info.

For those of you who are using version 1.0.4+ the update should look like this first go to the Envato Toolkit, there you will find two fileds that you must fill out first is the username (this is the username that you used to purchase Theme at ThemeForest.net) the second is the API key, to get your API key login to your ThemeForest.net account and go to Settings > API Key. Generate your API key and paste it inside the admin panel.

Envato Toolkit

You will see Blaszok displayed bellow when you click the save settings. When update is available you will see it bellow those two fields all you need to do is click Install Automatically button. See the image bellow:

Envato Toolkit
Plugins update

Please notice that bundled plugins cannot be updated through Envato toolkit because you do not purchased it. We bought special licence which allow us to bundle these plugins into our theme but you need to update these plugins manually from source files included in the full theme package (blaszok_x.x.x.zip/plugins).​

Settings import/export - top

With Blaszok 1.5.0 we are bringing a possibility to export or/and import all of the Theme Options settings from one file. This function will help to make settings backup, transfer site to another domain or settings import for new page. Now, all of these things are easier and faster.

Settings Export

Please go to Theme Options page and scroll the page down then click Export settings and save the file.

Settings Import

Please click 'Select file' and find the file with exported settings 'mpc_panel_settings.mps'. Click 'Import settings' and wait a bit.

Settings import/export
Child Theme - top

With Blaszok 1.6.1 we have changed the method the styles are merged. Thanks to that minifying plugins can minify the whole child theme styles. If you are using a child theme from earlier theme version you will have to made two changes:

add_action('wp_enqueue_scripts', 'mpcth_child_enqueue_scripts');
function mpcth_child_enqueue_scripts() {
	wp_enqueue_style( 'mpc-styles-child', get_stylesheet_directory_uri() . '/style.css' );
}
Performance - top

With Blaszok 1.6.1 we made some improvements to the theme that now fully support two great performance improvement plugins. After this basic configuration you should feel about 15-40% improvement on your site.

Better Wordpress Minify - link

The newest version 1.3.0 is available at the authors site. All you need to do is install and activate the plugin.

W3 Total Cache - link

It's also available at the Wordpress repository. For installation instructions please check this link: installation. After that in the Performance > General Settings we have enabled:

If you would like to use the Minify option you will have to choose the Manual Mode. Go to Performance > Minify and click on the Help button at the top. It will open a popup that let you choose the JS and CSS files you want to minify. Remember that you can only select JS files that aren't already minified. If you add a minified JS file for minification process in W3 Total Cache it can disable some of the scripts on your site. We strongly recommend using Better Wordpress minify.

If you are using WooCommerce and you want to enable the Database Cache please go to Performance > Database Cache and in the Ignored Query Stems add this:

_wc_session_

Options - Massive Panel - top

There is a video tutorial corresponding to this section of the documentation - Universal Video - Basic Theme Settings

After installation and activation it is time to set up your website. First thing you will notice is the 'Theme Options' Tab added into the WordPress Admin sidebar. This section contains all of the custom Blaszoks options (see image bellow). The default options set in the panel are similar to those in the ThemeForest preview.

We should jump right into the Massive Panel because this is the place where all the magic happens (to do this just click the 'Theme Options' tab).The Panel is divided into tabs (the buttons to the right) and accordions (inside each tab).

Massive Panel

Notice: Before leaving the 'Theme Options' tab make sure to click the 'Save Options' button at the bottom of the panel, otherwise your changes will be lost.

General - top

In the first tab you will find all of the basic settings divided into few accordion sections:

Main

Notice: Before leaving the 'Theme Options' tab make sure to click the 'Save Options' button at the bottom of the panel, otherwise your changes will be lost.

Fonts - top
Font Family

In this section you can specify font family for your websites. You can choose a font for Heading & Content.

Font Size

In this sections specify the base font size, the other fonts will be increased accordingly.

Notice: If you want to use your own custom fonts, not listed in our settings page, you need to do it manually.

Notice: Before leaving the 'Theme Options' tab make sure to click the 'Save Options' button at the bottom of the panel, otherwise your changes will be lost.

Elements - top
Logo Sidebar

In this section you can choose the default sidebar position for each content type.

Header

Here you can specify:

Secondary Header

Here you can specify:

After enabling Secondary Header Menu you need to configure it. This process has been described in 'Content->Secondary Menu'

Footer

Here you can specify:

Extended Footer

Here you can specify: Site maximum width will be same as browser window width.

Copyrights

Social Network

Here you can specify your social icons they will be displayed just above the copyright note. Remember to paste URL to your social account. This options are also applied to "Social list" - a Visual Composer component.

Visuals - top
Colors

Choose the main active color for your website from interactive palette of colors or paste your HEX value.

Display

Choose theme layout & theme skin.

Background

Our template has support for different types of backgrounds:

Dropdowns Backgrounds

Our template has support for MegaMenu backgrounds:

WooCommerce

Here you can turn off add to cart functionality, cart or pices so you can use woocommerce as a prodcut catalogue without selling anything.

Here you can specify:

Slim Center
Custom CSS

Here you can add the custom CSS.

Notice: Please note that if you add wrong CSS code you can break your site.

Styles - top
Options

Here you can specify:

Header

Here you can specify:

Secondary Header

Here you can specify:

Dropdowns

Here you can specify:

Search

Here you can specify:

Sidebar

Here you can specify:

Content

Here you can specify:

Footer

Here you can specify:

Extended Footer

Here you can specify:

Copyright

Here you can specify:

Content - top

To create pages or posts click the Pages/Posts tab in the WordPress Admin Panel. To create new posts/pages click the 'Add New' button.

Creating Pages - top
There is a video tutorial corresponding to this section of the documentation - Universal Video - Menu Setup & Homepage Page Template

To create pages click the Pages tab in the WordPress Admin Panel. To create new page click the 'Add New' button.

NOTICE: For each page you can choose a 'Page Template', Blaszok theme adds four new page templates: Blog (use it for all of the pages that will display posts), Portfolio used for the pages that will display the portfolio post types, Full Width used to display full width slider or parallax in the content section, Lookbook is used do display the lookbooks/catalogues as a page. Each of the pages comes with some additional page settings.

If you want your Home page to display posts, create your home page in the Page tab choose 'Blog' as page template, publish your page. Go to Settings>Reading and for the Front Page Displays choose 'A Static Page' and for the Front Page choose the page you have just created, the 'Posts Page' drop down leave blank

Each of the posts and pages have some additional settings under the main content section, please make sure to check them out there are many cool features. Please see the screen shot bellow to make sure that you know where to find them: Page Template There are some additional settings that are shared between all of the page templates:

Sidebar Settings

Each of the pages/post/portfolio have three sidebar settings: none/right/left. This setting specifies the position of the sidebar on the page

Extended Footer

Each of the pages/post/portfolio types have an ability to hide the extended footer.

Page Settings

Here you can hide the title of your post type or page that is outputted by default.

There is a video tutorial corresponding to this section of the documentation - Universal Video - Sidebar Settings, Creating Unique Sidebars & Widgets Blog Settings - page templates additional settings: Portfolio Settings - page templates additional settings: Page Header - page templates additional settings: Visual Composer

This theme has a great addition called Visual Composer, the visual composer lets you use a beautiful drag & drop interface to create your pages, add shortcodes etc. To enable the visual composer just click the Visual Composer button at the top of the page (please see the image bellow).

To learn more about Visual Composer please read this or view this video. Page Template
Creating Posts - top
There is a video tutorial corresponding to this section of the documentation - Universal Video - Blog & Posts Post Formats

To create posts click the Posts tab in the WordPress Admin Panel. To create new post click the 'Add New' button.

For each post you can choose a 'Post Format'. Blaszok theme supports 9 post formats:

Each of the posts and pages have some additional settings under the main content section, please make sure to check them out there are many cool features. There are some additional settings that are shared between all of the posts formats:

Sidebar Settings

Each of the pages/post/portfolio have three sidebar settings: none/right/left. This setting specifies the position of the sidebar on the page

Extended Footer

Each of the pages/post/portfolio types have an ability to hide the extended footer.

Visual Composer

This theme has a great addition called Visual Composer, the visual composer lets you use a beautiful drag & drop interface to create your pages, add shortcodes etc. To enable the visual composer just click the Visual Composer button at the top of the page (please see the image bellow).

To learn more about Visual Composer please read this or view this video. Page Template
Creating Portfolio - top

To create portfolio click the Portfolio tab in the WordPress Admin Panel. To create new portfolio item click the 'Add New' button.

Each of the portfolio have some additional settings under the main content section, please make sure to check them out there are many cool features. Please see the screen shot bellow to make sure that you know where to find them: Portfolio Template There are some additional settings that are shared between all of the page templates:

Sidebar Settings

Each of the pages/post/portfolio have three sidebar settings: none/right/left. This setting specifies the position of the sidebar on the page

Extended Footer

Each of the pages/post/portfolio types have an ability to hide the extended footer.

Portfolio Metadata

Here you can add some metadata for your portfolio, for example year, model, artist. Click 'Add Row' to create additional row. After that remember to add Visual Composer component called 'Portfolio Metadata'.

Visual Composer

This theme has a great addition called Visual Composer, the visual composer lets you use a beautiful drag & drop interface to create your pages, add shortcodes etc. To enable the visual composer just click the Visual Composer button at the top of the page (please see the image bellow).

To learn more about Visual Composer please read this or view this video.
Post Formats - top

In the previous section i have explained the basics of the post formats and theirs additional settings (if you haven't read it please do). Below I will go over all of the post formats and explain it's additional functions.

Standard
Standard post with an image. Aside

This post format should be used as a short note on your blog. The title of the post wont be displayed. This format also doesn't have any additional settings.

Gallery
The gallery post formats uses selected images and displays them in a slider. Link

This format has one additional field called Link URL in this field you should specify the URL you would like to share, the title of the post will used as the title for the link.

Status

The status post format is a great way to display single tweet, it comes with one additional field Twitter Embed where you can embed the tweet.

Quote

This post format lets you display quote in a beautiful way, you should specify the quote in the additional field called Quote Text and quote author in a Quote Author field.

Audio

This post format lets you display an audio player at the top of the post, you have three additional fields to use: MP3 file - this field specifies the mp3 source for the audio player, OGG file - this field specifies the ogg source for the audio player. Also there is drop down which enables you to specify if you want to upload the audio file or embed it.

Video
This post lets you display a video player at the beginning of your post. You can embed the video from vimeo, youtube etc. or upload your own as MP4, OGG file. Chat

To display a chat conversation please use this post type, to add chat bubles use the Chat section, to add new transcripts please use the add row button.

There is a video tutorial coresponding to this section of the documentation - Universal Video - Blog & Posts
There is a video tutorial corresponding to this section of the documentation - Universal Video - Menu Setup & Homepage This video does not explain how to setup the Mega Menu

To setup the Menu first you need some pages, if you haven't setup any yet please see the first section of this chapter.

Once all your pages are created (of course you can edit/add/remove them at any point) go to the Appearance>Menus to create your new menu.

Now your menu is created and should be visible in the header of your theme.

Enabling Mega Menu - top

To setup the mega menu first you must install the jQuery Mega menu from the recommended plugins list, if you don't know how to do this, please view this section. After installing the plugin you will have to enable the mega menu functionality inside the Theme Options, to do so please go to Theme Options>Element>Header and make sure that the 'Enable Mega Menu' is set to 'true'.

Now once the Mega Menu is enabled it is time to create the menu in Appearance>Menus (if you previously created the menu just make sure that it meets the Mega Menu Standards.) This is how the Mega Menu Works:

Page Template

It is really important to makes identical links structure as shown above to avoid complication with "Dropdown Backgrounds".

So as you can see the first level items of your menu resemble the main level of the menu. This mean that those links will shown as your main navigation menu. The second level resembles the header of the column and finally the 3rd level resembles the menu item inside the column.

When your menu is ready, go to Manage Location tab and make sure that you have selected this menu as Main Navigation Menu. Look at image below.

Page Template

Once you setup the menu it is time to add it as your mega menu please go to Appearance>Widgets, you will notice new widget area called Main Menu and a new widget Called jQuery drag the Mega Menu widget inside the new Widget area.

Page Template

Inside the widget you will find few additional settings:

After that you are done. The menu will be displayed in your gorgeous new header!

Adding Dropdown Images

To add images to your drop downs please go to Theme Options > Visuals > Dropdowns Background. If there is no option "Dropdown backgrounds", make sure that all the earlier steps are made correctly. There will be displayed each top level element from your menu. For each of the elements you can choose an image and padding.

If your looks good as background, you will probably not need to set up padding. In case when your links cover important part of background, follow the steps bellow. Padding is set as right, bottom, left, so if you set it for example to: 10px 15px 20px, you will end up with:
padding right = 10px;
padding bottom = 15px;
padding left = 10px;

Why is this so important? Take a look at image below to better understand the purpose of setting padding for background image. This process can take a while but when you do it right the effect will be amazing!

Page Template Page Template

Once you set up your pictures & save your gorgeus new dropdowns are ready to be used.

Adding Icons To The Menu

To add icons to the menu you need to add a little code before the page item name, this could looks like this:

Menu Item Title

It is very easy to change the icon all you need to do is swap the 'fa-desktop' with any of the names from this list (without the code in the brackets).

Creating Secondary Menu - top

To setup the Menu for Secondary header, first you need some pages, if you haven't setup any yet please see the first section of this chapter.

Once all your pages are created (of course you can edit/add/remove them at any point) go to the Appearance>Menus to create your new menu.

Now your menu is created and should be visible in the secondary header of your theme.

Notice:Secondary Header Menu has no provide support for MegaMenu but is still supporting multi level menu.

Adding Parallax Sections - top

To add a parallax section make sure you have installed the Visual Composer plugin and enabled it for post, pages, portfolios and prodcuts. To add a parallax section to a page (it is the same for posts, portfolio etc.) open up the editor of the page and enable the backend editor fromvisual composer (See image below).

Parallax

Then add a new row and edit the pencil to edit the row (See image below).

Parallax

Once you click the pencil icon a popup will appear with tones of options (See image below), at the first tab "General" you will see:

At the second tab "Design options" you can set background for your section:

Parallax Parallax

The last step would be to add some content to your row which will be displayed inside the parallax.

After those steps you are done and your beautiful parallax is ready.

Contact Form 7 template - top

Our awesome theme has got prepared template for Contact Form 7 plugin! If you want it at your website, please follow the steps below.

Step 1. Go to Appearance->Plugins and search for 'Contact Form 7', install and activate plugin.
Step 2. Make sure that you have installed Wordpress Importer tool. If not, install it through Tools->Import, select Wordpress, click install and activate.
Step 3. Select 'blaszok-contact-form.xml' file from theme package. This file is located in 'import' folder. Click "Upload and import file" to finish process.
Step 4. At next screen, you should see a form titled Assign Authors. If you do not want to create new accounts, you should change both mpcreation and mikey_influx to your account name from dropdown menu.
Last step! Go to your contact page edit screen and select Visual Composer component called "Contact Form 7", select newly added contact form and click Save. Another way to do this is go to Contact->Contact Forms and copy shortcode code. Now, you can paste it in contact page..

Page Template
Comments - top

For each of your pages/post you can disable/enable comments to do this go to the edit page of your post/page. Click on the 'Screen Options' at the top and check 'Discussion' then at the bottom of the page the 'Discussion' field will occur where you can manage comments, please see bellow.

Page Template

Addons - top

Blaszok provides support for plenty of different addons for your page. If you are looking for shortcodes, Visual Composer components, sliders this section is definitely for you.

Additional page settings - top
Sidebar

Page Sidebar Footer

Page Footer Page Header - only for Fullwidth, Fullwidth with sidebar and Lookbook page template

Page Header Transparent Header - only for Fullwidth, Fullwidth with sidebar and Lookbook page template

Transparent Header Page Settings - only for Default page template

Page Settings Blog Settings - only for Blog page template

Blog Settings
Inline Shortcodes - top
Page Template

Blaszok Theme comes with awesome Inline Shortcode Wizard (aside from Visual Composer) where you can customize your shortcodes and preview them before inserting into post/page. The Shortcode Wizard is powered by Tinymce this gives it the ability to have a special button for theme shortcodes in the Post/Page visual editor.

To enter the Shortcode Wizard click on the green icon with a plus on it, a drop down will show up. All of the shortcodes are listed there: Highlight, Dropcaps, Tooltip, Lightbox.

Visual Composer Addons/Shortcodes - top

To add any of the shortcodes or addons please go to visual composer, add new row and click the add button, to learn more about visual composer please read it's documentation here.

Visual Composer

If you have trouble in setup for our custom Visual Composer components please read this detailed tutorial below. Please make sure that you carefully read the offical documentation of Visual Composer before you start.

Icon list

This component allows you to add a list of items with an colorful icon for each position:

Every list position can have different icon, but the color will be the same for all of them. To add new list element please click "plus" button or click "duplicate" icon to easy make a copy of that item. If you want to delete an element from list just click "Trash" icon.

Icon list Social list

This component allows you to add a list of your social media profiles represented by small icons:

Notice: Remember to fill Social Networks section in 'Theme Options->Elements'

Portfolio Meta

This component allows you to add a list of portfolio metadata. This element has not have any additional parameters. Metadata can be set in Portfolio Metadata section at edit screen of Portfolio post type.

Testimonials slider

This component allows you to add a slider with testimonials. To add first testimonial to slider insert author name and testomonial text into form. Testimonials can be managed by using small buttons near the author field. If you want more testimonials in slider you can click at "plus" or "duplicate" button. To delete single testimonial click "trash" icon.

Testimonials slider Products slider

This component allows you to add a slider with products:

Notice: Slider shows 3 columns at pages with sidebar and 4 at pages without sidebar

Products slider Products categories slider

This componnent allows you to add a sliders for categories of products:

By default slider is displaying thumbnail of category, category name and quantity of items in category.
Thumbnail for each category can be added in 'Products->Categories'.

Posts slider

This component allows you to add a slider with blog posts:

Posts slider Portfolio slider

This component allows you to add a slider with portfolio items:

Notice: Slider shows 3 columns at pages with sidebar and 4 at pages without sidebar

Portfolio slider Images slider

This component allows you to add a slider with selected images:

Notice: To achieve best look of this slider try to use images with similar height Notice: Slider shows 3 columns at pages with sidebar and 4 at pages without sidebar

Images slider Counter

This component allows you to add a nice looking counter to the content:

Notice: The color for underline of text is same as main color of theme, which can be changed in Theme Options->Visuals->Colors

Deco header Deco header

This component allows you to add a nice looking header with your own text:

Notice: The color for underline of text is same as main color of theme, which can be changed in Theme Options->Visuals->Colors

Deco header Icon

This component allows you to add a icon to the content:

Notice: The width of this element is set to full width of page. If you want to have more than one column, you must add them into the same row of Visual Composer.

Icon Icon column

This component allows you to add a column filled by text, with icon in header:

Notice: The width of this element is set to full width of page. If you want to have more than one column, you must add them into the same row of Visual Composer.

Icon column Code wrapper

This component allows you to add a source code block with proper structure:

Quote

This component allows you to add a quote block with author:

Quote

Pricing Table - top

Blaszok comes with bundled CSS3 Pricing Table which is the most popular pricing table plugin on the market today. To learn how to use it please read it's documentation here. Once you create a pricing table that you like, you can add it by pasting the shortcode inside a textfield (we will be adding a visual composer shortcode for this soon!).

Get Kudos - top

To enable the get kudos plugin first you need to create an account here. Then login and go to the display tab to setup your widget. Once you set it up you need to add it to your website to do so login to your WordPress dashboard and click on the 'GetKudos' button. Once you fill out the information the widget should be displayed on your page! If you don't see the GetKudos in your admin panel that mean that you haven't installed it, to learn how to do this please see click here.

Lookbooks / Catalogue - top

Lookbook are based on a Slider Revolution. Simply the lookbook is nothing more then a slider with an price tag added to it. If you want to learn how to use Slider Revolution please read this. To create the lookbook, create a slider consisting of only one slide (or more if you want) add you price tags to it, links etc. Then copy the sliders shortcode (or use the visual composer to add the visual composer to the page). Go to Pages>Add New and create new page which will contain your lookbook, for the page template choose 'lookbook'. Below the content area the 'Header Content' field will show up, paste the previously copied shortcode here and hit publish. The look book will be displayed at the top of this page if you want to add some information below the lookbook add them to the content section of this page.

Creating the price badge

To create the price badge (while in the edit slide mode) click the add new Layer button. Clear the Style drop down and for the Text / Html place the following code:

		
		
			$219
			Sexy White Dress

The Code is fairly simple so don't be scared:

If you want to achive a two line badge please use the code bellow:

		
		
			From:
			$219
			Accessories

The finall element will look something like this.

Revo Badge
Smart Search - top

To create your smart search query please make sure that the WooCommerce plugin is installed (Smart Search wont work without it). Make sure that the smart search is enabled inside the 'Theme Options>Elements>Smart Search'. Go to 'Appearance>Widgets'. You will see a new widget area called Smart Search, from there build your smart query using the MPC Smart Search widget. Inside it you can specify the filter element (attribute/catgory), default value and a text that will be displayed before of after it.

Visual Composer
Image Grid Layout - top

Image Grid Layout is a new feature in Blaszok 1.4.0 that allows you to setup a grid with hyperlinks and images like in the picture below. At the moment, there is no Visual Composer for Image Grid Layout but you can use a simply HTML code to make your own.

Image Grid Layout

Here is the code and some explanation how to use it:

As you can see above you need to replace 'YOUR_URL' with the page URL address and 'YOUR_IMAGE_URL' with your image URL.

There are also some configuration options:

When your HTML code is ready to use please go to Page edit screen and add new Visual Composer titled Raw HTML then paste the code inside the Raw HTML element.

Notice: All phrases/titles in our preview comes with images.

OnePage Scroll To Element - top

First, you need to choose Row from Visual Composer that you want to use as a scroll reference. Then please go to Row edit and fill the Custom ID field with unique value, for example 'hello'. Please remember this value because it will be needed in the next step. You can have as many scroll references as you want but please notice that the Row used as a reference should be high enough to achieve the best look possible.

OnePage Row

In next step, please go to Appearance->Menus and create new menu for your OnePage Scroll layout. Please add a custom link to your menu like in the picture below. Please remember to set the link in this format: '#YOUR_UNIQUE_ID_FROM_ROW', in our case it will be '#hello'. In the Label field you can write anything you want.

OnePage Menu

Notice: Please notice that you need to add more than one scrolling section to your page to make scroll working and the content must be higher than the browser window.

Sliders - top

Blaszok comes with bundled Layer Slider 5 which is in my opinion the most beautiful slider out there with parallax features, advanced animation and tones more. To learn how to use it please read it's documentation here. Once you create a slider that you like, you can add it by pasting the shortcode inside a textfield or by simply using the visual composer shortcode. Layer Slider also comes with 3 pre-made slider that you can learn from, they are very easy to import.

Slider Revolution - top

Blaszok comes with bundled Slider Revolution which is one of the best and most advanced sliders on the market. To learn how to use Slider Revolution please read it's documentation here. Once you create a slider that you like, you can add it easily through visual composer or by pasting the shortcode. Both ways it is easy!

Layer Slider 5 - top

Blaszok comes with bundled Layer Slider 5 which is in my opinion the most beautiful slider out there with parallax features, advanced animation and tones more. To learn how to use it please read it's documentation here. Once you create a slider that you like, you can add it by pasting the shortcode inside a textfield or by simply using the visual composer shortcode. Layer Slider also comes with 3 pre-made slider that you can learn from, they are very easy to import.

Selling Products - WooCommerce - top

I cannot explain better how to use the WooCommerce then the guys that created the plugin. Thats why I wont duplicate their work. If you want to learn how to use WooCommerce, add products and manage your shop please view their full documentation here.

Additional WooCommerce Settings

The additional settings for WooCommerce are located in 'Theme Options>Visual>WooCommerce':

Quote
Additional Product Settings - top

Blaszok comes with many additional features for WooCommerce shop that need to be set up. If any of the features listed below are not shown in your website, please make sure that you enabled all of them in 'Screen Options' - you can find this in top right corner of product add/edit screen.

Size guides

Globaly size guide can be set in 'Theme Options->Visuals->WooCommerce'. Each product can have his own Size Guide. To add individual size guide go to product edit screen and scroll down until Size Guide section. Please make sure that 'Enable custom "Size Guide"' is selected. Then click 'Add Image' button below and select image with size guide.

Size guides Slide image on hover

If you want to add second image that will shown when someone hover product thumbnail please go to product edit screen and scroll down until Product Settings section. Please make sure that 'Disable Hover Slide' is not selected. Then click 'Add Image' button below and select Hover Image.

Slide image on hover Additional product tabs

If you want to add additional tabs that will shown near to 'Description' please go to product edit screen and scroll down until Custom Tabs section. First additional tab can be filled straight on. If you want more than one please click 'Add Tab' button below.

Each of the tab supports WYSIWYG editor and shortcodes.

Slide image on hover
Additional Product Category Settings - top

In Blaszok 1.3 we added several options for category pages that allow you to: set custom sidebar position for each of them separately, add custom header image, description or shortcode (for example Revolution Slider shortcode). Please read the description about new settings.

Category settings

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating this theme. No guarantees, but I'll do my best to assist. If you have any suggestions on how to improve our themes or documentation please share them!

MPC