Symetrio

THE MOST IMPORTANT INFORMATION ABOUT
INSTALLATION AND CONFIGURATION

1. General info & Installation



1.1 Requirements For Theme

To use this Theme, you must be running WordPress 4.0 or higher, PHP5 or higher, and MySQL 5 or higher. Below theres a list of items you should ensure your host can comply with:

  • Check if your web host meet the requirements to run WordPress.
  • Always take minute or two to update your WordPress. You can download latest version from the official website: http://wordpress.org
  • Always use complicated passwords to your FTP account, data bases and administration panel. It will improve security of your data.

1.2 Support forum

All of our product have free support center that you can access anytime needed. For this reason, we created dedicated forums at which you can ask us some questions.

Most important

  • Forum has been created to help our customers prepare fully working website based    on our templates. We are offering complex support system that will allow you to configure templates so they will look same as on the demo
  • Our forums are free to use. And they will remain free. All you have to do is buy one of our products
  • Whole forum content is in English. Please, do not use any other languages

On the forum you will find:

  • Answers about configuration of our products. Various advanced ways of using featured functions attached to our products
  • Answers regarding known errors. You can also report errors that you have discovered
  • Informations about our newest updates and essential tips about updating our software

On the forum you won’t find:

  • tips about personal modifications of the websites based on our products
  • customisations are done at the user’s own ability. Unfortunately we cannot support these as we simply don’t have enough time. If you’re stuck, we recommend you to hire a freelancer.
  • information regarding installation and configuration of products or scripts that aren`t made by Wonster Team

In no event we will be liable for any loss or damage including without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of, or in connection with, the use of this website.

Through this website you are able to link to other websites which are not under the control of wonster.co. We have no control over the nature, content and availability of those sites.

The inclusion of any links does not necessarily imply a recommendation or endorse the views expressed within them.

Every effort is made to keep the website up and running smoothly. However, wonster.co takes no responsibility for, and will not be liable for, the website being temporarily unavailable due to technical issues beyond our control.

This website is using cookie files in order to simplify usage of it and for statistical purposes (Google Analytics). If you are not blocking those files, you agree to use them and save it the device memory.

To access forum do the following steps:

  • Click here:  http://support.wonster.co/login-page/ to create new user account. To finish whole registration process you will need „item purchase code” that you can download through your Envato user in section „download”
  • You need to enter your Themeforest Purchase Code, e-mail and a password. Your forum username will be the same username that purchased the theme on Themeforest. If you don’t know where to find your purchase code, please check this link
  • You need to fully register your account to be able to use our support section. Enter data you used while registering. You can find login page under: http://support.wonster.co/login-page/

If you have any problems with registration or login in, please contact us via e-mail: support@wonster.co

supp_image

Before you make new topic

We are aiming on flawless support system and as short as possible respond time to topics you`ve made. Therefore please read fallowing steps before you ask us for help:

  • Always check if there is an answer for question you are about to ask in documentation attached to template
  • Use search engine. There is high possibility that one of our customers have already made similar topic to one that you are about to post.
  • If there is no response to question you`ve made, please create a new topic. In order to fully understand the problem that you have encountered write down fallowing information:
  • If the error concerns functioning of the template, attach link to working website that is based on our template
  • Add information about version of the template and WordPress that are installed on your server
  • If the error occurs only on a specific web browser or device
  • To report add information describing your problem or details regarding error that you have observed. The more specific you are the faster we will be able to solve your problem
  • If it`s possible we highly recommend to add screenshots referring to your problem
  • After posting new topic, please wait patiently for our response. We will do whatever it takes to answer it as quick as it`s possible. Multiple reports of the same error won`t speed up our response time
  • We are responding to our customers questions in fallowing days: from Monday to Friday 8:00am-6:00pm (GMT +1) – we are located in Europe. In most cases response time is no longer than 12 hours.

Most of our forum users are helpful, kind and patient. We are grateful for this, it means a lot to us. Inappropriate content or not related to themes will be deleted. If you keep posting this type of topics, you might be permanently banned from our services without any possibility to recreate your account. Act wisely, we are here for you.

1.3 Package from Themeforest

How to download theme

At first, after purchasing this theme please download the package from Themeforest. All you need to do that is move your mouse over your login name in right top corner (of course after you`re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased.

 

In the next step click the Download button next to Symetrio  theme and save package on your computer.

Structure of theme package:

 

  • symetrio.zip – package containing the theme to install
  • license - directory with information about the licenses used in the project
  • txt – includes the classic story development theme
  • dummy – contains additional materials
  • documentation – contains documentation files
  • child-theme – used to build similar themes

2. How to install & update it?


To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the:
WordPress Codex – http://codex.wordpress.org/Installing_WordPress
You need a working version of WordPress 4.0 and above.

I’ll be making lots of references to the WordPress admin panel in this documentation. If you’re totally new to WordPress, take a few minutes to familiarize yourself with how the admin panel is laid out so you won’t be lost when I instruct you to open up “Appearance> Widgets” or something like that.

2.1 Installation by WordPress

If you want to install the theme by uploading the zip file, that you do not upload the zip file downloaded directly from Themeforest. This package contains additional materials such as graphic source files, licenses, etc. You should upload the zip file containing the Theme WordPress files only.

  1. When logged in, pick from navigation Appearance > Themes.
  2. Click Add new Pick Upload option.
  3. Pick location where do you want it to be installed. Click Install Now.
  4. Wait a minute or two, your theme is now getting uploaded and installed on server.
  5. To activate theme, pick from WordPress navigation in administration panel Appearance  > Themes
  6. In Theme there is included Revolution Slider plugin. Separate installation and activation is needed to use it on your website (the operations described in Section 13.4).
  7. In Theme there is included Wonster Shortcodes for Visual Composer – Symetrio Edition plugin. Separate installation and activation is needed to use it on your website (the operations described in Section 5.1).

2.2 Installation by FTP

If you want to install the theme by uploading zip fill into your FTP server, please do not use the one provided by Themeforest. It contains a lot of images and other stuff you won`t need. Below theres a full guide how to upload your theme to FTP.

  1. Log into your server with FTP client. You can do this by any program that allows you to connect to FTP server, for example WinSCP. Be aware that we are not authors of those programs, therefore, we can’t support questions related to them.
  2. From downloaded package unzip symetrio-theme.zip.
  3. Content of symetrio-theme.zip should be uploaded into wp-content/themes/ on FTP server. DO NOT install it like wp-content/themes/themename/themename/…
  4. Then go to your WordPress administration panel and activate the theme from the
    Appearance > Themes.
  5. In Theme there is included Revolution Slider Separate installation and activation is needed to use it on your website (the operations described in Section 13.4).
  6. In Theme there is included Wonster Shortcodes for Visual Composer – Symetrio Edition. Separate installation and activation is needed to use it on your website (the operations described in Section 1).

2.3 How to update Theme

There are two options to update your theme, same as when you were installing theme:

  • via Word Press
  • via FTP

 

Regardless of the method you will pick, you will need to download newest update from Theme Forest.

 

This step has been described in section 1.3 Package from Themeforest

 

 

Before updating our product be sure to make backup copy of your data.

Please be sure that there was no modifications in theme files from anyone but us. If there was any changes that we didn`t do, they will be overwritten after finishing your update.

Best way to keep your modifications is to use tool to compare files. After doing so, you can switch only those that were changed during update.

 

How To Update Your Theme Via FTP

 

  1. Go to “wp-content > themes” location and backup your “Symetrio” theme folder by saving it to your computer, or you can delete it. Don’t worry, your content will not be lost.
  2. Steps has been described in section  → 2 Installation by FTP (steps 2 – 4)

 

 

 

==  IMPORTANT == 

 

During our work we’ve found a bug in udate mechanism.
It may occur (not necessarily) during the thema update via FTP.

 

If you are using version 2.2 / 2.3 / 2.3.1 we completely discouraged you updating Symetrio via FTP and we recommend this method:

 

Section “How To Update Your Theme Via WordPress”

 

Please note that as from 3.0 version this problem will not occur.

 

At the end we would like to remind you:

Before updating our product be sure to make backup copy of your data.

 

 

How To Update Your Theme Via WordPress

 

  1. You need to deactivate the current “Symetrio” theme in the “appearance > themes” section by simply activating a different theme. After you activate a different theme, please remove “Symetrio” by clicking “Theme details” and then “delete” button in the right corner on the bottom line of the displayed information screen. Don’t worry, your content will not be lost.
  2. Steps has been described in section  → 1 Installation by WordPress

2.4 How to update Wonster Plugins

Form 1.2.1 version you can update all plugins form WordPress panel. It simple, uninstall ale plugins included to symetrio and then install them again, you can perform this action form appearance > intall plugins

 

We recomend plugin reinstal after every theme update.

 

2.3 version will include simple notification system to inform our clients about new updates

 

If you have a version older than 1.2.1 of our theme it contains an error. Plugin “Wonster Classes Schedule – Symetrio Edition” have to be delete via FTP not WordPress.
Removal by WordPress will delete all class schedule data.

 

Since version 1.2.1, this problem does not occur.

3. How to import demo content


If you would like to fill your website with content presented in demo version of the website, you can do it in two different ways:

 

  1. By using WordPress import through XML files.
  2. By using our own „One Click Import” function.

3.1 Importing with use of XML files

Downloading XML file

To download XML file do the following:

 

  1. Visit http://wonster.co/get-xml/
  2. Pick theme you are using in order to get proper xml file (in this case it will be Symetrio). After doing so, fill in information that you will be asked for. We will need your Themeforest username and Themeforest Purchase Code.
  3. Click „Download XML file” If the login information were correct, download will begin.

 

Got any problems with downloading XML file? Contact us via e-mail: support@wonster.co

Importing data from XML file

Now when you downloaded XML file you can import it`s content to your web. Please, import data from XML file when installation of Symetrio theme is finished and working.
Steps needed to import data from XML:

 

  1. While logged into administration panel, pick from navigation Tools > Import.
  2. Click „WordPress”
  3. If you are importing files for the first time, you will need Install Importer plugin by clicking Install Now
    1. After installing plugin you will need to activate it by clicking Activate Plugin & Run Importer
  4. In Choose a file from your computer pick localization of previously saved XML file.
  5. Press Upload file and import.
  6. In the next step bind imported content with Administrators of your website or create new.
  7. If you would like to import any attachments click on Download and import file attachments checkbox
  8. Press Submit. Importing might take a while, especially if you are downloading attachments

 

After XML import you need to remember to import settings for selected demo version: theme-settings.txt. please go to: Appearance > Theme options > Data Backup > Export / Import. In field called “Select file with import settings (txt file) you need to select file with theme settings and upload it to the server.

 

“theme-settings.txt” file is located in zip package ( the same one which contain XML file ) Each demo version has it’s own “theme-settings.txt” file. After selecting file you need to click on red button”Import form file”

3.2 Import dummy data with „one click” function

While logged into administration panel, pick from navigation Appearance > Theme Option – Symetrio.

 

  1. Go to Data Backup > One Click import.
  2. Read carefully whats inside of yellow box.
  3. With use of One Click import field, pick the version of the page you want to build.
  4. Click on Import data
  5. You will be asked to confirm this operation. This is the last moment where you can resign from importing files. To do so, click on No, Cancel To proceed click on Import data. This can take from few to several minutes, it depends on performance of your host server, WordPress data base condition. With One Click import, all of the content will be replaced with demo version of your theme.

Important note

Regardless of the method you used, images from demo page are replaced with free images. Those used in demo page are not owned by Wonster Team, therfore we do not have rights to redistribute them.

3.3 Dummy data doesn’t include...

Dummy data don’t contain data that is associated with the plugins. So items as: pricing table / contact form / schedule are not included. The reason is very simple. We don’t force anyone to install plug-ins such as:

 

  • Contact Form 7
  • Wonster Classes Schedule – Symetrio Edition
  • Easy Pricing Tables Lite by Fatcat Apps

 

If we include dummy data for these plugins and they weren’t installed before it would caused lots of errors during import ;)

4. Theme Options


To theme has been added configuration module. It will help you to speed up process of building you web so it will meet your expectations. Administration panel has a lot of options so we separated them into groups and sections to make it easier to use.

4.1 General

The most important section in managing panel. Settings included in General are related to global settings of website.

4.1.1 Global

  • Social MetaTag – Specify whether you want to add to the single post meta tags social eg. og: title, og: image
  • Boxed style – decides if the website will be filled with 100% of available space on the screen or have restrictions.
  • Responsive – decide whether you want your website to be automatically matched to device.
  • Avatar image - determines whether user avatar will be added in extra field added to user details
  • Space before </head> – in this field enter js code or css that will be added right before </head> marker.
  • Space before </body> – in this field enter js code (or other) that will be added right before </body> marker
  • 404 page – determine whether 404 page will be used by default from theme or pick source of custom 404 page.
  • Page Background images – Select the photos to appear in the background of the page. If you select more than one photo will be used fade effect between them.
  • Pagination arrow – on / off – Arrows in pagination next / previous post

 

Remember to always press Save button after making any changes.

4.1.2 Slugs

This section allows to manage slugs for individual components of theme. To use this option be sure that Permalink Setting (Settings > Permalink) is set as Default under Common settings field.

 

How to indicate slug properly:

 

If for example Common Settings field has been set as Post name:

http://localhost/wordpress /testimonial-item/title-testimontial/

 

Slug in this case is highlighted in blue. Testimonial slug field should now be set as „testimonial-item”

 

  • Rooms slug – slug for „Rooms” elements
  • Trainers slug – slug for „Trainers” elements
  • Classes slug - slug for  „Classes” elements
  • Events slug – slug for „Events” elements

 

Important: Do not use characters not allowed in links

 

 

Remember to always press Save button after making any changes.

4.1.3 SEO

This section allows you to manage SEO settings for website. This settings determine position in search engines like Google.

 

  • Use SEO Fields – determines if you want to use SEO options included in theme or you would like to use external SEO plugins. If you have installed external SEO plugins, be sure that this field is set as „Off”
  • Title – metatag for website with posts. We recommend 60 characters as a maximum.
  • Description – metatag description for website with posts. We recommend 160 characters as a maximum.
  • Keywords – metatag keywords for website with posts.

 

Remember to always press Save button after making any changes.

4.1.4 Analytics

This section allows you to see traffic on the website. With use of settings included in Analyics section you can connect your website with Google Analytics tool. You don`t need any external plugins to do so.

 

  • Analitics module – determines whether you want to add code from Google Analytics to your theme or not.
  • Google analytics code – field in which you need to enter Google Analytics code.

 

Remember to always press Save button after making any changes.

4.1.5 Sidebar

Data entered in this field will be used as default in Post and Page. The content of each page can use all width available for it or part of it and Sidebar (sidebar with widgets). This section allows you to create your own sidebars.

 

  • Sidebar management – field that allows you to create and delete sidebars. Just enter name of the new sidebar in the „Sidebar name” and click on „Add sidebar”. All the changes need to be saved. From now on you can add widgets to newly created sidebar and attach it to websites.
  • Sidebar position on search pages - defines location of the sidebar for “Search pages
  • Set sidebar on search pages - assigns sidebar from Sidebar management list for “Archive pages”.
  • Sidebar position on archive pages defines location of the sidebar for „Archive pages”
  • Set sidebar on archive pages – assigns sidebar from Sidebar management list for “Archive pages”.
  • Sidebar position on blog page defines location of the sidebar for „Blog page”.
  • Set sidebar on blog page assigns sidebar from Sidebar management list for   blog Page.
  • Sidebar position on blog post page – defines the location of sidebar for Blog post page. This value is set by default for newly created posts at the blog. While adding page you can change this value.
  • Set sidebar on blog post page - assigns sidebar from “Sidebar management”  list for  “Blog post page” – default value that can be changed upon creating pages.
  • Sidebar position on single page – specifies the location of the sidebar for the page type “single page”. This value is set by default for newly created pages at the blog. While adding page you can change this value.
  • Set sidebar on single page – assigns sidebar from “Sidebar management”  list for   “Single page” – default value that can be changed upon creating pages.
  • Sidebar position on trainer – specifies the location of the sidebar for the page type “trainer page”. This value is set by default for newly created pages at the blog. While adding page you can change this value.
  • Set sidebar on trainer – assigns sidebar from “Sidebar management”  list for   “Trainer page” – default value that can be changed upon creating pages.
  • Sidebar position on room – specifies the location of the sidebar for the page type “room page”. This value is set by default for newly created pages at the blog. While adding page you can change this value.
  • Set sidebar on room – assigns sidebar from “Sidebar management”  list for   “Room page” – default value that can be changed upon creating pages.
  • Sidebar position on event – specifies the location of the sidebar for the page type “room page”. This value is set by default for newly created pages at the blog. While adding page you can change this value.
  • Set sidebar on event – assigns sidebar from “Sidebar management”  list for   “Event  page” – default value that can be changed upon creating pages.

 

Remember to always press Save button after making any changes.

4.1.6 Blog

This section allows you to manage advanced settings of appearance of blog section. Customize every single detail of your blog.

 

  • Number of posts per page – determines number of posts shown at once.
  • Post excerpt length ( signs ) – determines amount of words that creates Lead of entry shown in post browser.
  • Blog style – with use of this field you determine if your blog will look classical or a little bit more modern.
  • Blog style (single post) – with use of this field you determine if your blog will look classical or a little bit more modern. This setting applies to all blog updates. For every new post you can modify this field.
  • Default blog date format – pick data format that will be shown at the website.
  • Show meta – Specify whether you want to add to the single post meta tags social eg. og: title, og: image
  • Show categories (Single post) – determines if the information’s about Post will include category list connected within. This can be changed while adding content.
  • Show tags (Single pos ) – determines if there will be shown information’s about tags connected with entries. This can be changed while adding content.
  • Social media toolbar (Single post) – determine if for a single post at blog there will be buttons that allow you to share the content in social media.
  • Show author bio (Single post) – determine if there will be shown informations about author of entry on the blog. This can be changed while adding content.
  • Related posts (Single post ) – determine all related posts to this article.
  • Related posts by (Single post ) – determines what is the criteria of finding similar articles: tags / category / tags + category
  • Related posts order by (Single post ) – by creating list of similiar posts, determine sorting type.
  • Breadcrumbs container (Single post ) –  decide if the whole Breadcrumbs container will be shown.
  • Breadcrumbs (Single post ) – decide if for a single post there will be shown whole Breadcrumbs

 

Remember to always press Save button after making any changes.

4.1.7 Event

This section allows you to manage advanced settings of how your event  page will look like. Customize every single detail of your events.

 

  • Number of events per page – determines how mnay events will be shown on a single page.
  • Event date format – determines how date will be presented for specific events.
  • Event review type - decide how events will be grouped. You can determine if events will be shown as a list or grouped. Grouped option divides all events in two groups: events in past and upcoming ones.

 

Remember to always press Save button after making any changes.

4.2 Social Media

This section focuses managing informations about social media connected with website. Add links to profiles in other social media pages.

 

  • Social Media links – group of options that allows you to add links to multiple social media profiles such as Facebook, Google+, Twitter, YouTube, Pintrest and much more. If you decide to do so, they will appear in footer and/or headline.
  • Social Media settings:
    • Facebook share button – determines whether „Facebook share” button will be available.
    • Google+ share button – determines whether „Google+ share” button will be available.
    • Twitter share button – determines whether „Twitter share” button will be available.
    • Pinterest share button – determines whether „Twitter share” button will be available.
    • Tumblr share button – determines whether „Twitter share” button will be available.

 

Remember to always press Save button after making any changes.

4.3 Layout

This section allows you modify how website looks in general. There are number of options that maximize your ability to customize it such as changing your logo, fivicon, informations regarding copyright and much more.

4.3.1 Header

Group of options that allows you to personalize header and all the elements it contains.

 

  • Header settings – present Header in 3 different ways. You can delate header entirely, show only menu, show menu with links to social media.
  • Navigation type – specify menu type. Sticky menu will make menu always on top of the page, no matter if page is scrolled. Smart menu is like Sticky, but it allows you to present content in more attractive way. Menu is generated in bottom right corner of the page and always visible.
  • Logo position allows you to align position of your logo to left, right or center.
  • Graphic logo this field is used if you set your „Logo type” as „Graphic logo”. To add your logo click on „Select file” and from media list point a propper file.
  • Graphic logo – transparent – pick a image that will be shown at page with header set as a transparent.
  • Graphic logo – retina – place a high resolution logo .
  • Favicon – with use of this field you can set a favicon for your website. To set favicon click on „Select file” and from media list point a propper file.
  • First header section – insert text that will be shown in 1st section of head menu
  • Second header section – insert text that will be shown in 1st section of head above the menu
  • Search icon inside main navigation – determine if search function will be available from web navigation level.
  • Breadcrumbs container – determine if Breadcrumbs container will be shown.
  • Breadcrumbs – determine whether breadcrumbs will be on or off by default. While adding content you will be able to modify this option.
  • Breadcrumbs background image – with use of Select file button, pick a file that will be used as a background of the breadcrumbs.

 

Remember to always press Save button after making any changes.

4.3.2 Footer

Group of options that allows you to personalize footer and all the elements it contains.

 

  • Footer settings – determine if footer will be shown, if yes, in what variant.
  • Footer background image – if you want to have a background under the widgets placed on footer, here you can pick an image.
  • Number of columns in footer pick how many columns the footer will contain. To customize it go to „Appearance > Widgets” but you must remember that amount of columns is depends on what value you “inputed” here.
  • Footer promo column visibility – if you want to have additional section use this option.
  • Footer divider – determines whether footer will be separated from the website.
  • Copyright text copyright content. You can insert HTML markers here.
  • First footer section – insert text that will appear in 1st section below footer and widgets.
  • Second footer section – insert text that will appear in 2nd section below footer and widgets.

 

Remember to always press Save button after making any changes.

4.3.3 Custom CSS code

Administration panel allows you to modify website in numerous ways. You can pick your own colors of elements that create other subpages, switch fonts, change sizes and much more. This section includes options that allow you to edit web by adding extra CSS code.

 

  • Custom CSS – determines whether CSS code inserted into „Custom CSS code” field will be used while generating subpages.
  • Custom CSS code – in this field insert CSS code that will be added to pages when generated.

 

Example of Custom CSS code:

 

.postAuthor{

border: 1px solid #e5e5e5;

border-radius: 3px;

position: relative;

}

 

Remember to always press Save button after making any changes.

4.4 Color

Theme has many options to switch colors of nearly all elements shown at website. Probably the most significant tool in whole administration panel when it comes to looks of website and it`s reception. Check out how many segments can be customized to fully meet your needs.

 

  • General – Section allows to change colors schemes and also background of website.
  • Theme skin – determines if there will be used color scheme added with theme or defined by user.

 

Remember to always press Save button after making any changes.

 

To modify colors go to „Appearance > Customize”

 

Colors of individual elements can be added with color picker tool or by writing HEX value of specified color. Because fields referring to elements were fully described in panel we won`t write it here again.

4.5 Fonts

Group of options dedicated to change style and size of individual elements of the website.

 

  • Font size – in theme there are plenty of sliders that can be used to change font size if needed.
  • Font – family – in theme there is group of elements that you can be changed. We offer you few system fonts and 600 googlefonts! While picking font you like, you will be able to see in real time how it looks in browser window. We are sure it will help you to pick the best font that you are looking for. To have influence on font preview use:
    • Preview Text – contains the text you see in font preview window. You can modify it freely.
    • Preview text size – you can check how font presents in different sizes. Changing this option will change size of the font only in preview.

 

If you already decided to pick one of googlefonts you can specify which subsets should be downloaded. Multiple subsets should be separated with coma (,).Enter subsets into: “Google font subset” field.

 

Because fields referring to elements were fully described in panel we won`t write it here again.

 

Remember to always press Save button after making any changes.

4.6 Translate

Created by us theme supports translating website in various languages with use of configuration options and dedicated plugins such as WPML. Those solutions make it easier to translate static elements of the website. We do not expect you to edit files such as .mo / .po.

 

Content that is being translated has been divided into fallowing groups:

 

  • General
  • Blog
  • Classes
  • Event
  • Comment Form
  • 404
  • Search form
  • Widgets
  • Shortcode

 

To use our translation module you need to go to General Settings in Translation Settings field pick option Off. After doing so, theme will load translations from .mo and .po files.

4.7 Data Backup

4.7.1 Export / Import

This module has been designed to create backup files of you configuration settings. With this tool you will be able to store few versions of your website. In very short time you can decide which one is the best for you.

 

Export / import data from restore points

 

To export data to data base click on „Export” button. Restoration point will be created in the process. Export of theme configuration files is confirmed by selecting one of the elements on the list.

Each backup copy have fallowing description:

 

  • Day when backup was made
  • Full date
  • Hour when backup was made

 

You can store up to 5 restoration points at the same time. All the data that you can modify with our control panel can be exported.

 

Restoring configuration from saved backup

 

This operation allows to fully recover configuration from any given point. To get your settings back do the following steps:

 

  1. From file list pick the one that you want to restore.
  2. Press „Restore”
  3. A window asking you to confirm will appear. This is the point where you should think things through. Be sure you know what you are doing. Press „Restore Settings” button to start the process of restoring your data. Current configuration will be lost if you didn`t save it before. Content that creates you website won’t be deleted when restoring configuration, don`t worry.

 

Export admin data

Every time when save your settings, “Export admin data” is updated. It contains configuration data for your site as a text. If you have several sites based on our theme and you want them to be setup identical you can use this option.

 

Do the following steps to use this option:

  1. If you made any changes, save them with „Save”
  2. Copy text from „Export admin data” It`s very important to copy it whole. If you miss any sign, it will cause errors during restoration process. You can use shortcut Ctrl+A and then Ctrl+C to be sure you got the whole line copied.
  3. Login into Administration Panel of the website that you want to update theme configuration.
  4. Move to „Backup Data” and then click on „Export / Import”
  5. Paste what you copied before to „Export admin data”
  6. Click on „Import” button to start the process of restoring your data. Current configuration will be lost if you didn`t save it before.

4.7.2 One Click Import

This function allows to recreate demo page of theme really quickly. You don`t need XML files anymore. Few clicks and you are ready to modify your theme. Import process is described in chapter 3.2

 

Important infomation.

One Click Import fill the page with free to use images. Those used in demo page are not owned by Wonster Team, therfore we do not have rights to redistribute them.

4.8 Woocommerce

This section is only available if WooCommerce plugin is running. With use of options in this section you can change details of connection betwen WooCommerce with „Symetrio”

4.8.1 General

  • Number of Products per Page – determines number of items per one page.
  • Shop icon inside main navigation – determine if shopping cart icon representing amount of items one want to buy will be shown on navigation bar.

4.8.2 Sidebar

  • Sidebar position on Shoop archive pages – defines location of the sidebar for archive pages
  • Sidebar position on Shoop product pages - defines location of the sidebar for product pages

4.9 Restoring default theme settings

You can restore default settings in any time you want. This option erases all the changes you`ve made. Please be sure that you know what you are doing. All current options will be irreversible lost. Content that creates you website won’t be deleted when restoring configuration, don`t worry.

 

Press the „Default Settings” button to start the process. You can find it on any page (group or section) on the bottom of the settings. Before you declare you want to restore defaults settings you will be asked if you are sure what you are doing.

5. Shortcodes


To content such as Post or Code you can add so-called „Shortcodes”. We are sure that you know how powerful this tool is. It allows you to add content faster and save your time. Shortcodes are standard WordPress mechanics.

 

If you want to personalize theme even more, use Symetrio Visual Composer that is included along with extra addons we prepared. Those bonus files include all basic shortcodes and additional modules.

 

There is dedicated shortcuts plugin added to the Symetrio theme that extends its functionality.

 

  • Installation of the “ Wonster Shortcodes for Visual Composer – Symetrio Edition” is not necessary anymore by Symetrio  theme. Plugin only extends some of the functions.
  • To recreate demo page 1:1 (pictures are not included) it is necessary to use this plugin.

5.1 Installation and activation Wonster Shortcodes for Visual Composer - Symetrio Edition

  • While logged into the admin panel please select Appearance > Install plugin”
  • After displaying plugins list find “Wonster Shortcodes for Visual Composer – Symetrio Edition”
  • Click on “Install”. Plugin will be installed
  • Click on “Return to Required Plugins Installer”
  • After displaying plugins list find „Wonster Shortcodes for Visual Composer – Symetrio Edition” and click “Activate”

5.2 How to add shortcodes in the content

You can add shortcodes in WP editor offered by WordPress.

 

Shortcuts can be added only to content such as „Post” or „Pages”. Simply click on blue „W” icon shown at the picture below.

 

 

2014-11-12_1535

 

 

After doing so the list of shortcodes that you can use to build content will be presented.

 

 

2014-11-12_1532

 

 

After picking shortcode, window will appear with all of the settings available. In a simple way you can modify use all options of element.  You don`t need to know all parameters.

 

  • Pick a propper element configuration.
  • Appropriate code will be generated.
  • Paste this code on page.

 

Important note

Do not modify generated shortcode on your own. This can lead to malfunctions of shortcode. Method stated above is recomended for placing shortcodes on website.

6. Discover widget areas


Just a quick overview on this subject, before we go further. If you go to „Appearance > Widgets” you will notice two main areas.
In the left side there is a list of widgets which you can use in this theme, while in the right side there is a list of widget areas where you can put the widgets from the left in.

There are 15 widget. Each of our widgets in their name has a “Symetrio” prefix

Here is a list of all widgets in „Symetrio”:

 

  • Symetrio menu – Custom menu
  • Symetrio pass – with use of this widget you can represent passes available in your club. Use filtering and sorting functions to get wanted outcome.
  • Symetrio recent comments – Widget generates list with latest comments from your blog
  • Symetrio recent post – Widget generates list with latest posts
  • Symetrio tag cloud – Custom tag cloud
  • Symetrio todays open hours – best widget to indicate when club is open. Widget shows opening and closing time, if club is closed on any specific day, leave that field blank.
  • Symetrio Twitter – Widget allows you to display tweets. For widget to work properly it is necessary to create a Twitter app, you can find this link directly in the widget.
  • Symetrio events – with use of this widget you can present list of events on the website. With catergory filtering and sorting you will specifty whatever you want to.
  • Symetrio open hours – this widget works similar to Symetrio todays open hours but instead of indicating opening hours for one day, whole week is included.
  • Symetrio promo box – Widget generates promo area for full available page width
  • Symetrio recent gallery – shows latest added gallery.
  • Symetrio social links – Widget allows you to insert links to social media sites. Just enter the full URL of the specific service
  • Symetrio testimonials – shows comments added to page in carusel form. Pick testimonial category you want to show. Also specify time interval.
  • Symetrio trainers – widget used to present coaches on the website. Use filtratio option to sort them by their profession. This widget allows to create advanced groups.
  • Symetrio upcoming event – similar to Symetrio Event function, difference is, this widget shows only the event that will take place in fallowing days.

7. Testimonials


Testimonial is a type that has been designed to build content on “Post” and “Page”. When browsing a page You can’t go into single “Testimonial” unless the administrator adds a link in the menu or the content of “post” / “page”.

 

To create a “Testimonial” please go to “Testimonials> Add New” and fill out the form. For every “testimonial” you can add  “Categories”. The mechanism of addition is the same as you experienced in the “Post” in blog.  When adding a new testimonial, there is a box on the right side that allows you to add the new “Categories”

 

Important notes

 

  • Title – used as an identifier of testimonial, never be used in the public.
  • Content – The main element. You can’t use it with shortcode objects.
  • Author – opinion author
  • Featured images - is used or not, depending on shortcut settings or page builder.

 

Fields such as “breadcrumbs, SEO title, meta tag, SEO description, SEO keywords, No robot” are used only when the user adds content linked to a particular testimonial. Theme doesn’t generate direct link, to pages containing a single testimonial.


Gallery is the type of shortcode that has been designed to build content on “Post” or “Page” . When browsing a page you can’t go into a single “Gallery” unless the administrator adds a link in the menu or the content of  “Post” / “page”.

 

To create the “gallery”, please go to “Gallery > Add New” and fill out the form.

 

Important notes

 

  • Gallery item  – Using this field you can add photos to the gallery. After pressing the “Select File” button file manager will appear. The list contains only graphic files. Multi-select mechanism is enabled by default. Adding images to the gallery doesn’t have a limit. After selecting the images they are represented in the “Show item” by thumbnails. You can change the order of photos using drag & drop mechanism on the thumbnails.

9. Clients


Clients is the type that has been designed to build content on “Post” or “Page”.  When browsing a page you can’t go into a single “Client item” unless the administrator adds a link in the menu or the content of  “Post” / “page”.

 

To create the “Client”, please go to “Clients > Add New” and fill out the form. For each “Client” we can add “Clients Categories” adding mechanism is the same as you experienced in the “Post”. When you add a new client, there is a field on the right side that allows you to add the new “Categories” and link those with created client.

 

Important notes

 

  • Title - used as an identifier of an client,  never used in the public.
  • Featured Image - Client’s logo displayed on the slider. If it’s not specified this item will not be displayed in the generated list of clients.

10. Gym location


Gym location is the type that has been designed to build content on “Post” or “Page”.

 

This type have been created to connect different content into groups. In this way Symetrio allows you to present few departaments on one page..

 

To create the “Gym location”, please go to “ Gym location > Add New” and fill out the form.

 

Important notes

 

  • Title - gym location id. Field shown in public part of the website.

11. Classes


Classes is the type that has been designed to build content on “Post” or “Page”.  When browsing a page you can’t go into a single “Class item” unless the administrator adds a link in the menu or the content of  “Post” / “page”.

 

To create the “Classes”, please go to “Classes > Add New” and fill out the form. For each “Classes” we can add “Classes Categories” adding mechanism is the same as you experienced in the “Post”. When you add a new class, there is a field on the right side that allows you to add the new “Categories” and link those with created class.

 

To create more advanced website you can use Visual Composer. In chapter 16.3 and 16.3.1  you will find complete guide how to do so. It contains instructions how to turn on Backend Editor for classes data type.

 

Important notes

 

  • Featured Image – image used by elements of Visual Composer Plugin
  • Gym Location – Pick a localization where class is edited or added. Field used only to create groups, not shown in public part of the website.
  • Trainers – pick a trainer from a list and add or edit his classes.
  • Duration – lenght of classes in minutes.
  • Number of participants – max. number of people that can sign up.
  • Calories burned – estimated calory burn durring classes.
  • Level of difficulty – determines how hard classes are in scale from 1 to 5.
    • 1 – Easy
    • 2 – Normal
    • 3 – Hard
    • 4 – Very hard
    • 5 – Intense
  • Room – pick from the list name of the room with most often classes. List is created based on what data you enter to Rooms module.
  • Calendar entry background color – colour of the classes. Colour used on detailed informations page and also by Wonster Classes Schedule – Symetrio Editon plugin.
  • Calendar entry font color – font colour of the classes. Colour used on detailed informations page and also by Wonster Classes Schedule – Symetrio Edition plugin.

12. Rooms


Rooms  is the type that has been designed to build content on “Post” or “Page”.  When browsing a page you can’t go into a single “Rooms  item” unless the administrator adds a link in the menu or the content of  “Post” / “page”.

 

To create the “Rooms”, please go to “Rooms  > Add New” and fill out the form. For each “Rooms” we can add “Rooms Categories” adding mechanism is the same as you experienced in the “Post”. When you add a new room, there is a field on the right side that allows you to add the new “Categories” and link those with created room.

 

To create more advanced website you can use Visual Composer. In chapter 16.3 and 16.3.1  you will find complete guide how to do so. It contains instructions how to turn on Backend Editor for .classes data type.

 

Important notes

 

  • Featured Image – image used by elements of Visual Composer Plugin
  • Gym Location – Pick a localization where class is edited or added. Field used only to create groups, not shown in public part of the website.

13. Pass


Passes is the type that has been designed to build content on “Post” or “Page”.  When browsing a page you can’t go into a single “Pass item” unless the administrator adds a link in the menu or the content of  “Post” / “page”.

 

To create the “Pass”, please go to “Pass > Add New” and fill out the form. For each “Pass” we can add “Pass Categories” adding mechanism is the same as you experienced in the “Post”. When you add a new pass, there is a field on the right side that allows you to add the new “Categories” and link those with created pass.

 

Important notes

 

  • Gym Location – Pick a localization where class is edited or added. Field used only to create groups, not shown in public part of the website.
  • Title - name of the pass
  • Price – monthly membership price
  • Membership type – subtitle
  • Description – short description of the pass used by Visual Composer plugin.
  • Status – every pass can have assigned one of fallowing statuses: Promotion, New, Featured. This status is presented in Visual Composer as a colored label.

14. Trainers


Trainers  is the type that has been designed to build content on “Post” or “Page”.

 

To create the “Trainers”, please go to “Trainers  > Add New” and fill out the form. For each “Trainers” we can add Trainers Specializations” and “Trainers Functions (in the club)”. When you add a new trainer, there is a field on the right. This also allows you to group trainers.

 

To create more advanced website you can use Visual Composer. In chapter 16.3 and 16.3.1  you will find complete guide how to do so. It contains instructions how to turn on Backend Editor for .trainers data type.

 

Important notes

 

  • ID Trainer – insert name and surname of trainer. This field is used to search content on the website.
  • Featured Image – image used by elements of Visual Composer Plugin
  • Gym Location – Pick a localization where class is edited or added. Field used only to create groups, not shown in public part of the website.
  • Name oraz Last name – those elements are used on different parts of the website, be sure those are always filled correctly.
  • Cover image – cover photo on the detailed informations page of the trainer.
  • Background image – background image used in Visual Composer for trainer and trainers.

15. Events


Events is the type that has been designed to build content on “Post” or “Page”.

 

To create the “Events”, please go to “Events > Add New” and fill out the form. For each “Events” we can add “Events Categories” adding mechanism is the same as you experienced in the “Post”. When you add a new event, there is a field on the right side that allows you to add the new “Categories” and link those with created event.

 

To create more advanced website you can use Visual Composer. In chapter 16.3 and 16.3.1  you will find complete guide how to do so. It contains instructions how to turn on Backend Editor for .trainers data type.

 

To create event firstly you have to create  event organizer and event location. It is mandatory.

 

Important notes:

 

  • Title – event name.
  • Featured Image – image used by elements of Visual Composer Plugin
  • Gym Location – Pick a localization where class is edited or added. Field used only to create groups, not shown in public part of the website.
  • Cover image (single event) – cover image presented on detailed page of the event.
  • Cover image (stream event) – cover image used for upcoming or past events.
  • Number of participants – max. number of people that can sign in. This field can be left blank.
  • Price – price of siging up. This field can be left blank.
  • Sign ups to – deadline of the sing up period. This field can be left blank.
  • Event date – to fill this field use datapicker.
  • Google calendar – allows to create link on event page. With this link user can add this event to his Google Calendar.
  • Facebook link – link to event created on facebook. This field can be left blank.
  • Location – pick event localization. If this field is blank, move to submodule: Locations and add a new location.
  • Organizer – pick event organizer. If this field is blank, move to submodule: Organizers and add a new organizer.

 

 

Submodule: Organizers

 

To add orgnizer go to „Events > All Organizers > Add New”. Fill all fields. This detailed informations will be shown under all connected events.

 

 

Submodule: Locations

 

To add orgnizer go to  „Events > All Locations > Add New Fill all fields. This detailed informations will be shown under all connected events.

 

 

Important notes:

 

  • Marker coordinates – user the search engine to find desired location. When you will be close enough, you can use Pin tool and drag&drop mechanism.

16 Extras


16.1 Image sizes used in theme

Below is a list of image sizes that we used in our theme:

 

  • Size 1 – 404 x 200
  • Size 2 – 512 x 521
  • Size 3 – 750×500
  • Size 4 – 1200×600
  • Size 5 – 1920×1080

16.2 Installation and activation Revolution Slider plugin

Theme comes with a plugin that allows you to create impressive slider elements. To use it, please follow these steps:

 

  • While logged into the admin panel please select Appearance > Install plugin”
  • After displaying plugins list find “Resolution slider”
  • Click on “Install”. Plugin will be installed
  • Click on “Return to Required Plugins Installer”
  • After displaying plugins list find „Resolution slider” and click “Activate”

16.3 Installation and activation WPBakery Visual Composer

This plugin allows you to create attractive themes with use of graphical interface. Forget about standard WordPress shortcuts. After using Visual Composer you will not belive that creating content can be done in any other way. To use it, please follow these steps:

 

 

  • While logged into the admin panel please select Appearance > Install plugin”
  • After displaying plugins list find WPBakery Visual Composer”
  • Click on “Install”. Plugin will be installed
  • Click on “Return to Required Plugins Installer”
  • After displaying plugins list find WPBakery Visual Composer” and click “Activate”

16.3.1 How to use VC in new types like classes, post.

Building websites with us of „WPBakery Visual Composer” is far more comfortable than using shortcodes. By default, Visual Module is only visable for Pages. If you would like to use Visual Composer to creat blog entries or to edit classes lub rooms informatios you have to reconfigure plugin.

 

Fallow steps below:

  1. While logged to administrator panel, click on „Settings” and then „Visual Composer”.
  2. On the settings page you will find „ContentTypes”. By ticking the checkbox near to specific type, Visual Composer is enabled.
  3. After making any actions remeber to click on „Save Changes”

 

2014-11-13_1646

16.3.2 Addidnt elements with use of Visual Composer

If you want to recreate page similiar to demo of Symetrio you have to enable Wonster Shortcodes for Visual Composer – Symetrio Edition plugin (complete guide have ben described in 16.3 and 16.3.1  chapter) and also WPBakery Visual Composer. Usage of above plugins is optional.

 

2014-11-13_1650

 

After all recommended plugins are enabled, you should see something similar to this. This is the full list of elements from which you can build website.  Our own elements are extending functions of Visual Composer, you can find those by looking for „Wonster” prefix. Most of elements have a lot of options. We ecnoruage you  to test them all.

 

Backed Edytor is available for Pages only by default. If you want to use full power of Symetrio in different types like classes, events, read chapter  16.3.1

16.4 How Wonster Classes Schedule – Symetrio Edition works.

This plugin allows you to present all classes in table. By doing this you can clearly see what classes take place during week. User by just looking at it can quickly decide what is the best date for him.

 

This plugin uses data from Symetrio Modules like: Classes, Trainers, Rooms, Events.

 

Without filling  all required data in modules mentioned above it is impossible to make decent classes schedule.

To add schedule to website you have to enable fallowing plugins:

 

  • Wonster Shortcodes for Visual Composer – Symetrio Edition
  • WPBakery Visual Composer

 

Both of them are attached as a  “TGM Plugin Activation”

16.4.1 Installation and activation Wonster Classes Schedule - Symetrio Edition

  • While logged into the admin panel please select Appearance > Install plugin”
  • After displaying plugins list find Wonster Classes Schedule – Symetrio Edition”
  • Click on “Install”. Plugin will be installed
  • Click on “Return to Required Plugins Installer”
  • After displaying plugins list find Wonster Classes Schedule – Symetrio Edition” and click “Activate”

Activating the plugin

After first plugin activation of „Wonster Classes Schedule – Symetrio Edition” to your WordPress data base fallowing tables are added:

 

  • wp_prefix . wtr_schedule;
  • wp_prefix . ‘wtr_schedule_fields';
  • wp_prefix . ‘wtr_schedule_scope';
  • wp_prefix . ‘wtr_schedule_scope_fields';
  • wp_prefix . ‘wtr_schedule_ap_multi';
  • wp_prefix . ‘wtr_schedule_ap_multi_fields';
  • wp_prefix . ‘wtr_schedule_ap_static';
  • wp_prefix . ‘wtr_schedule_ap_static_fields';

 

Those tables are automaticaly erased when plugin is delated from your WordPress.

16.4.2 Adding new calendar

Plugin supports presenting weekly schedule in two forms:

 

  • Static – best for clubs where schedule is rarely changed. Administrator adds classes to concrete day along with hours. With this type of schedule every week looks the same.
  • Multi Week – best for clubs where schedule is flexible and administrator wants to have influence on how week looks like. User is able to scrobble through weeks of scheduled classes. Multi Week requires much more work from administrator. But it may turn out to be more convenient.

 

There is no limitations when it comes to creating weekly schedules. To create scheudle fallow those steps:

 

  1. When logged to administrator panel go to „Classes Schedule” Module.
  2. Click on „Add classes schedule”
  3. New window will appear asking for:
    • „Calendar name” – unique calendar name.
    • „Time format” – determines if hours in calendar will be in 24h or 12h format.
    • „Type” –  decide if you want static distribution or dynamical. If you pick „multi week” additionaly you can decide if schedule will have „events” while classes take place. On this stage you can also pick what kind of events will be presented.
  4. Remeber to comfirm by clicking on „Save Changes” button. On calendar there will be added position representing your schedule. You can modify it anytime you want by clicking on green settings icon. You can also remove it by clicking on red X sign.

 

Next step should be adding „Classes Instances” and „Classes Scope” (if you picked multi week type)

16.4.3 Scope and instance – how do they work and what is the difference

The most important information is, that not every calendar can have „Scope” This function is exclusive for  multi week.

 

With use of scope you can determine what classes will be repeated. For example all classes named Zumba will take place every Thursday from 1st May to 29th May 2014. If you look to your calendar you will see that Zumba classes will be repeated 4 times. In plugin every class is named „instance”. Every instance in weekly schedule of „multi week” is connected to „scope”.

 

By delating scope you delate all of the instances connected to it.

 

 

 

2014-11-13_1711

Creating scope for class schedule

When creating new scope all the data is taken from Symetrio modules like: Classes, Trainers,  Rooms.

 

  1. While logged to administrator panel go to „Classes Schedule” Module.
  2. Pick calendar you want to manage. To do so click on arrow icon.
  3. New window will appear with all days of week. Every scope is assigned to specific day. To add new „scope” click on „add scope” button on the top of the page.
  4. Next window will contain options like:
    1. Duration of scope
    2. Day the classes take place
    3. Room
    4. Trainers (can be few)
    5. When classes start
    6. Max amount of participants
    7. Additional informations – shown at additional window with class details in public part of the website
  5. After configuring scope hit the „Save Changes” button. Verification takes place while saving. If all data is correct, new scope will be added to the schedule. Preview of scopes is now updated.

 

Remember, if you are currently looking at Monday scope and you will add Thursday scope, you will see no changes till you go to Thursday scope.

Scope edition

Scope edition looks similar to adding new scope. Interface will be slightly different. User has no ability to change time of start and end of scope. Also you won`t be able to assing it to other day.

 

While creating scope new field will appear called „Overwrite” that is set as a „No” by default.  As mentioned above, to every scope instances are are created. Administrator can modify all of the instances. When is it usefull?

 

Let`s say you are creating scope:

 

  • Class: Zumba
  • Days: Monday
  • Class time:  from 17:00 to 18:00
  • Room: A
  • Trainer: Don John
  • Participants: 20
  • Classes start: from 01 may 2015 to 30 may 2015.

 

After creating scope you want to change only one of the instances, for example 11 may 2015 classes will be in Room B instead of A. You can do it with editing instance. Overwrite field while editing scope allows you to decide if you want to overwrite data you enter or leave it unmodified.

 

 

 

 

Always when you edit scope you modify fields that were never used before. Overwrite function is used to create ideal copy of settings of each instance. If this is unclear for you, we are more than happy to answer all of your questions. Make a topic in our support section at: http://support.wonster.com.

Instance

Managing instances can be done in different ways. The deciding factor is schedule type. For „Multi Week” administrator can only remove and edit instances. For „static” type user can also create his own instances.

In static schedule, scope type do not appear.

 

 

View of managing static schedule type

2014-11-13_1743

View of managing instances for „multi week” schedule. Difference between static and multi week is date indicators in day labels (marked with red arrow). Administrator can switch between next days / weeks through interface marked with green arrows.

Edit / Add fields are similiar to scope. We encourage you to get familiar with this chapter.

 

Important notes: If administrator edits scope, all changes are marked with red colour in preview. Administrator can see what fields are different in instance when compared to scope.

 

 

 

2014-11-13_1758

On the picture we can see that „Participants” field have been modified by administrator and its different from scope that it belongs to

16.4.4 Settlement of schedule on website

Every added schedule can be placed on any „Page”. To do so, use Visual Composer plugin named „Class Schedule”. To use this options enable fallowing plugins:

 

  • Wonster Shortcodes for Visual Composer – Symetrio Edition
  • WPBakery Visual Composer

 

Both of them are attached as a  “TGM Plugin Activation”

 

Adding schedule to the website:

 

  1. Go to „Page > Add New”
  2. Click on „Backend Editor” button, then click on „Add new element”
  3. From the list pick „Class schedule”
  4. Determine how the schedule will look like on website.
  5. Click on „Save changes”

16.4.5 How to block delating elements from data base

While creating new schedule it is required to connect some of the data into group (instance / scope). Those are Rooms, Trainers, Classes types. To store all data correctly you need to block some data.

 

Example:

If you add „Zumba” classes to any schedule, delating this element will be blocked. You wil be informed by system with fallowing message:

 

 

2014-11-13_1804

 

 

In this message you will find all informations about blockade. You will know to what schedules this element is connected to.

 

To remove element from „Symetrio” it is required to delate it from every connected to it classes.

16.5 Additional settings for post, page etc

For all of the Symetrio data types (post, page, calsses, trainers, rooms, events, gallery, client, testimontial) there is a list of additional fields allowing you to fully modify content you create. Additional fields are grouped into categories. Each data type has it own unique set of fields. Additional fields are just below text editor.

 

 

Zrzut ekranu 2014-11-13 o 18.13.41

Section allows you to extend WordPress information about user with additional information such as photos (uploaded via File Manager) information about profiles in social media and more.

If you want to set image (user avatar) that can be displayed under each article in your blog it can be done by our extension. It is automatically enabled with theme activation. Only users with full permission to multimedia library have ability to add an avatar. Follow those instructions:

 

  1. In the administrative part of the WordPress navigation menu, please select “Users -> All Users”
  2. Select the user that you want to change avatar of, click on the “Edit” next to the user login.
  3. Screen displays detailed informations about the user. In among them there
    is a section of “Avatar” with the available “Image”
  4. Click the “Select file” Form opened window, select the file that
    you want to set as the new user avatar ( minimum image size is 80p x 80px )
  5. The whole process must be approved by clicking on “Update Profile” button at the bottom of the page.
  6. At any time you may opt out your avatar by clicking on the “X” next to the currently selected photo.

Under each article in your blog can may be presented additional informations about the author ex. photo, link to authors profile on the social media sites, it contains elements like:  Facebook, Google +, Twitter, Vimeo, YouTube, Flickr, Pinterest, LinkedIn, Dribble, Tumblr. You can do this using our extension in theme.

 

This function is automatically enabled with theme activation. Follow the instructions:

 

  1. In the administrative part of the WordPress navigation menu, select “Users -> All Users”
  2. Select the user you want to add links to social media profiles by clicking “Edit” next to the user login
  3. Screen will display detailed informations about the user. In among of them there is a section “Social media” with available fields for URL addresses to the profiles.
  4. The whole process must be approved by clicking on “Update Profile” button at the bottom of the page.

17. FAQ


17.1 Creating „full width” verse types

To incresse your options with posting content on the website we enabled „full witdth” sections. It means you can create whole verses that contain:

 

  • Colour
  • Image with parallax option
  • Video – for example from Vimeo or Youtube.

 

To create those sections we recommend using Visual Composer. We extended VC default options to give you more possibilities when it comes to customization.

We recommend using „full width” section only for „Page” types.

 

To do so, fallow those steps:

 

  1. Be sure that created Page do not have any sidebar. You can change it in Page Options. „Sidebar > Sidebar Position > No Sidebar”
  2. Click on „Add new element” option and from drop-down list pick „Row”. To the workspace there will be added new element that indicated verse.
  3. Click on „Edit this row” icon
  4. In „General” tab change „Row Type” field to „Full witdh with inner container” or „Full width”
  5. To pick background (video, image, colour) make changes to „Type Section” field on the „Background” tab.
  6. Click on „Save changes” to confirm.

 

Few advices:

 

  • Full width section will be shown properly only if it will contain at least one other page component like divider.
  • If you are using your own video files, we recommend using OGG, WEBM, MP4 files.
  • If you are using YouTube videos, be sure that they do not contain any advertisements. Those will be visible on your background video.
  • Independted to picked section type (colour, image, video) you can also add an overlay colour, it will incresse quality of presented content.
  • If you are using video section you have to be aware of technological limitations. On mobile devices video sections won`t work. Use „Poster” field to pick an image that will be shown at mobile devices instead of movie.

 

How to create dynamic background (rotating images)

 

If you want to present your website in attractive way you can use rotating images as a background. You just pick few high resolution images and they will rotate as a background.

 

You can determine if rotating background will be same for every subpage or only to few (nice idea to create a „landing page”)

Fallow those steps:

 

  1. If you want to add rotating background as a default to all subpages go to Theme Management Optios: Appearance > Theme Opions > Symetrio > General > Global. If you want to add dynamic background only to one page, go to point 3.
  2. In „Page Background Images” field pick from media library pictures you want to rotate. To confirm click on „save changes” button.
    1. This action will apply to all subpages. For each subpage you can add modifications.
  3. Go to create / edit page. Then go to „Page Options > Layout” tab, Gallery Items field. If you went through first and second step, you will see here images you picked before.
  4. Pick from media library images only for this specific subpage.

 

Hints:

 

  1. Pick toned pictures, so they won`t distract user.
  2. There are no limits of images that you want to rotate.
  3. You can freely pick order of images by drag&drop.

17.2 How to add own CSS style to website

Symetrio has some extension that allow you to manage styles through:

 

  • Predefined colour schemes
  • Built-in WordPress Customizer.

 

This will allow you to enhance looks of the website. In some specific situations, editing options might not be fully supported. If you have CSS coding knowledge you can add your modifications without need of changing Theme files. You will avoid errors while updating Symetrio.

 

You can add CSS code in fallowing places:

 

  • Website management panel – while logged as an administrator go to „Appearance > Theme Options > Symetrio” . Click on „Layout” options and then on Custom CSS. Enter your code into „Custom CSS Code” field. It will be added to all of subpages.
  • „Page options” – while adding or editing Page go to Page Options and pick CSS tab. Add your code into „Custom CSS for page” field.
  • Visual Composer plugin panel – if you decided to fully use Symetrio capabilities, plugin „WPBakery Visual Composer” should be enabled. If yes, while adding or editing Page with use of Backend Editor, on the right hand side you will see „Page Settings” icon. After clicking on it you will be asked to insert the CCS code. This is the most convenient way to add CSS code. It highlights all the errors in real time.

17.3 How to enable smart menu / sticky menu

While using Symetrio you can use one of 3 types of navigation:

 

  • Standard navigation
  • Smart navigation – navigation near scroll is moved to top of the website.
  • Sticky navigation – navigation near scroll is moved to bottom right side of the website. Navigation is presented in smart way and do not take much space.

 

To change type of navigation fallow those steps:

 

  1. While logged as an administrator go to „Appearance > Theme Options – Symetrio”
  2. Go to „Layout > Custom CSS”
  3. In „Navigation Type” field pick one of the navigation types.
  4. To confirm click on „Save” button.

17.4 How to create mega menu

Every mega menu is created by defined amount of columns. In each of them you can insert new types of navigations. To create mega menu we recommend you to create at least 2 columns in 1 mega menu. You can create up to 5 columns in 1 mega menu.

 

Mega Menu attributes can be added only from menu position that is on 1st level. It means this menu isn`t embedded in any other menu position.

 

 

2014-11-13_1901

 

 

All of the fields that belong to element with „Mega Menu” attribute will be default headline of columns. Headlines are slightly different than standard ones. To get default position look mark the checkbox near the „Don`t Generate Headline”.

 

To add element to column you have to embed it. Example below will show how it works:

 

  • First position (attribute: Mega Menu)
    • Column Headline
      • Position in column
      • Position in column
      • Position in column
    • Column Headline
      • Position in column
      • Position in column
    • Second position (without Mega Menu attribute)
      • Position in column
      • Position in column
      • Position in column

17.5 Addind icons and statuses to navigation

Every position in navigation can have additional elements like

 

  • Icons
  • Statuses

 

2014-11-13_1915

 

 

How to add icon to navigation?

 

  1. Go to propereties in navigation.
  2. Find Icon field (marked with green arrow)
  3. Add propper icon name. Available icons can be found here: http://fortawesome.github.io/Font-Awesome/icons/.

Always add prefix fa to icon. Example: fa fa fa-compass.

  1. Remeber to hit „Save” button.

 

 

How to add status to navigation?

 

  1. Go to propereties in navigation.
  2. Find Status field (marked with green arrow)
  3. Add text that will be label. If you wont instert any text, label won`t be generated.
  4. Pick Status style (marked with red arrow)
  5. Remeber to hit „Save” button.

17.6 How to add image to menu

  1. Go to propereties in navigation.
  2. Find Set Thumbnail field (marked with green arrow)
  3. File Manager will appear.
  4. After confirming image, it will be shown in preview.
  5. If you want to delate image click on „Remove Image”
  6. To replace image click on the preview. File Manager will appear allowing you to pick other image.
  7. Remeber to hit „Save” button.

 

2014-11-13_1925

17.7 How to use page template

The section is about creating pages in WordPress and selecting the best suitable template for them.

 

Template

 

To add a page, please go to “Pages > Add” it will display a form that allows you to add page. In the “Page Attributes” in field “Template” you can find “Default Template”. You can decide if the page will be generated with default template or custom one. Depending on your pick, some of the options can be unavailable. In Symetrio there are fallowing types:

 

 

Default

 

Standard view.

 

 

Events

 

By picking this option, page will be filled with events content that has been defined in „Events” module. This view cannot be modified, that means no shortcodes will be included. Data in TinyMCE editor or Visual Composer will be ignored while generating website. You can change how the website looks like with “Page Options” only.

 

 

OnePage

 

To add a one page type please go to “Pages > Add” it will display a form that allows you to add a page. In the “Page Attributes” in field “Template” you can find “Onepage” please, select it and apply.

 

With this option created page will contain the content of all pages from the main navigation ( 1st level ). The user browsing created website will be informed of the current viewing sections. To change the order of loading content, go to “Appearance > Menus” and change the order of items in the main navigation of the website. The site of this type doesn’t include sidebar. You can set SEO attributes and add custom css.

 

 

Example:

 

To create Onepage with three sections you need to:

 

  • Create three page – each section can have different background colour or image. You can modify each section with “Page Options > One Page”. Do not assign “Onepage” template.
  • Go to “Appearance > Menus” and create menu linked to created sections. Order is determined by time of creation sections. Use only level one menu. Remember to tick a checkbox under “Theme Locations” = “Primary Menu” in “Menu Settings”.
  • Create new page that will be your index (homepage). For this page use “Onepage” template.
  • Go to “WordPress Settings > Reading > Front page displays” and check “Static Page (select below) and set “Front page” to “homepage”

17.8 How to correctly set up shortcode for google maps?

First thing you need to know about google maps mechanisms is the fact that you can use the marker tool and centering the map independently. It means that marker dosen’t need to be in the middle of the map. You can assign unlimited amount of markers to one map. Each marker can be customized differently, it’s entirely up to you.

 

2015-04-24_1815

 

Often mistake is to set up a marker, for example, on New York with default map centering (Australia, Sydney). Result might be confusing for users and look like the shortcode is not working properly. Remeber to always check if the marker position and centering is configured.

 

2015-04-24_1820

17.9 How to add a custom font?

How to add a custom font.

  1. First you need to be sure you have: .woff, .eot, .svg, .ttf. then then please go to: Appearance > Theme Options – Symetrio > Font-Family and find section Custom font.
  2. Upload prepared files into media library, then set the name for the custom font, for example: “MyWebFont”.
  3. Go to: Appearance > Theme Options – Symetrio > Layout > Custom CSS and bring it to live using css rules, for example, below code alows you to changes font for main navigation :

 

.wtrMainNavigation .wtrNaviItem > a, 
.wtrMainNavigation .wtrNaviItem > span { 
font-family: 'MyWebFont', Helvetica, Arial, "Lucida Grande", sans-serif; 
}

17.10 How to delete comment form ?

You need to follow the steps presented on image below:

 

on the bottom of the page you will find “Discussion” section all you have to do is uncheck: ” Allow comments.”

When migrating between different versions of Symetrio or when switching from one to another theme there is a possibility of to get 404 error. You can spot it when you click on any link on the page (which leads to another sub site) and subpage 404 appears.

 

To solve this problem, please go to Settings> Permalink. Change the contents of the Common Settings for “any” and click “save changes”. After your page reload set again the value that is right for you.


The problem should no longer occur.

This problem may happened on WordPress 4.0. To fix this issue all you need to do is update Symetrio to the current version. More information can be found here: http://support.wonster.co/manual/symetrio/#how-to-update-theme


after that you need to reinstal Visual Composer plugin. More information can be found here: http://support.wonster.co/manual/symetrio/#how-to-update-wonster-plugins.

17.13 How to change logo size

  1. First you need to do is add you logo to media library, please go to: Appearance > Theme Options – Symetrio > Layout > Header, find section called “Graphic logo” and upload you logo in .png or .jpg format.
  2. If your logo appers to small or for some reason you want it to be bigger go to: Appearance > Theme Options – Symetrio > Layout > Custom CSS and use this code:

 

.wtrLogo img{
max-height: 90px;
}
 
.wtrLogo{
 margin-top: -45px !important;
 }
 
You need to prepare same custom CSS code for sticky naviagtion:
 
.wtrHeaderSecond.wtrHeaderFixedAnim .wtrLogo img{
max-height: 40px;
}
 
.wtrHeaderSecond.wtrHeaderFixedAnim .wtrLogo{
margin-top: -20px;
}


It’s important, in both cases you need to subtract half the height through the top margin, in this case: max-height is: 100px. Margin should have -50px, if max-height is 50px margin should have -25px etc.

17.14 How to add responsive table to your page

If you are copying table.

 

Before you start adding your table please make sure that you are copying table without additional classes and styles. When you are sure, insert new shortcode Text Block and edit this element, when you are inside go to “Text” tab and paste your code here. You should see something similar like on the picture below:

 

2015-09-16_0727

 

when you done with copying please open a new <div> elemenet before <table> and close this div after </table> please return to first line with <div> and add a new class to this element “wtrRwdTable”. In result you should end with something like this:

 

2015-09-16_0727_001

Now you can publish your page with reponsive table.

 

Demo link: http://themes.wonster.co/symetrio/responsive-table-test/