Soho Photo WordPress Theme

• By: Mad_Dog
• themeforest.net/user/mad_dog
• Support Forum: http://forums.gt3themes.com

Thanks for purchasing this theme. If you have any questions that are beyond the scope of this help file, please feel free to submit your request to my support forum. Also you can find a lot of useful information right there. Thanks so much!

Theme Installation

There are several ways to install wp themes, we do prefer using FTP but you can choose other ways. Please read more about theme installation on the official website at http://codex.wordpress.org/Using_Themes

• please unzip the installable zip file that you downloaded from ThemeForest (gt3-wp-soho.zip);
• upload "Soho" theme folder to the theme directory of your WordPress via ftp;
• log into your WordPress admin dashboard and activate "Soho" theme in the Appearance => Themes section;
• after succesfull theme activation you will be automatocally redirected to the Soho WordPress theme settings;
• at the top of the page you will see the message 'This theme requires the following plugin: GT3 Page Builder (For This Theme Only). Begin installing plugin'=> click the the link and follow the steps.

Step 1

Step 2

Step 3

Note, Soho theme contains GT3 Page Builder plugin package. You don't need to install any other plugin versions. It will be activated automatically on the pages and posts sections after installation, if you followed the steps above.

If you want to install the theme on you local server please follow the instructions:

• transfer "Soho" theme folder to the theme directory of your WordPress;
• open \wp-content\themes\soho\core\tgm\plugins\gt3-pagebuilder-custom.zip;
• unzip the package and add the plugin folder to \wp-content\plugins\

Theme Update

To upgrade your theme to the latest version, you need to download the latest theme ZIP file in your ThemeForest Dashboard. Here are step-by-step instructions what you need to do:

• please unzip the installable zip file that you downloaded from ThemeForest (gt3-wp-soho.zip);
• copy all theme files into the "themes" folder on your WordPress server. The files will be automatically overwritten;
• once it is done, please go to the Plugins section in WordPress and delete GT3 Page Builder pluing using the standard WordPress delete tool;
• when the plugin is delete, you will get a notification to install the latest version, please do the installation and its activation;
• that's all.

Please watch the video. It will help you to understand how to update the GT3 Page Builder plugin.

Also you can the video at YouTube.

Theme Options Panel Overview

This theme comes with its own theme options panel. You can manage general theme settings panel. Let's review it:

• General: right there you can upload your own logos, put custom css, import sample data, put your google analytics code etc;
• Sidebars: create unlimited custom sidebars;
• Fonts: the themes uses google web fonts. Please choose the desired font from the drop down menu for content fonts, typograpy H1, H2, H3, H4, H5,H6;
• Socials: the full list of available social link;
• Contacts: your contact info details;
• View Options: adjust theme view options (site width, responsive, theme layout etc);
• Gallery Options: adjust gallery post options (Fit Style, Show Controls, Autoplay and Slide Interval In Milliseconds).
• Color Options: adjust theme color options (header background color, header text color, menu, footer colors etc).

Import Demo Content

To import the demo content, please use the standard integrated import tool. You can find it Soho Theme Settings-> General. There is a button "import demo content". Important: Please make sure that you created "uploads" folder and set the right file permissions. It is required by WordPress. Once it is done, please click import demo content button and wait up to 5-7 minutes. There are a lot of images to download to your server. The import is ready when you see the created blog posts.

Theme Layout Settings

The theme has the options which allow you to change it.

The theme color. To change the color, please go to Theme Options Panel => View Options section. Use "Theme color" field to change the parameter.

The default background image. You can set the default background selecting the default layout with background on the page, please go to Theme Options Panel => View Options section. Use "Default background image" to upload the picture.

Please note that if you want to have a custom layout for the certain page, you can do that using the custom layout option on the page.

Theme Color Settings

You can easily change the colors of the main elements like header background color, header text color, menu, footer colors etc. Please review the Color Options section in your Theme Options Panel.

Gallery Options

The theme has the options which allow you to change Gallery Albums post.

To change the settings, please go to Theme Options Panel=> Gallery Options section. Select Fit Style, Show controls Yes/No, Autoplay Yes/No, indicate Slide Interval In Milliseconds.

Theme Color Settings

You can easily change the colors of the main elements like header background color, header text color, menu, footer colors etc. Please review the Color Options section in your Theme Options Panel.

Theme Menu Activation and Front Page Settings

1. To activate main menu: Please go to Appearance => Menus => Manage Locations and choose from the drop down list "Main" menu from the proposed menu items, click save changes.
After that, you can edit your menu items in the "Edit Menus" tab.

2. Set the page for the front page: Please go to Settings => Reading => Front page displays -> A static page (select below) set the page for the front page and save changes.

Custom Logo Setup

To change the current existing logo, please go to Theme Options Panel => General section. Use the "upload image" option to upload your own logo. Once the logo is uploaded, please put its height and width to the required fields.
Taking into consideration the fact that this theme is retina ready, you have to upload your logo in 2 sizes bigger to look great on tablet and mobile devices. For example, if your site logo is 200x100, the retina version will be 400x200.

GT3 Page Builder Modules

This WordPress theme comes with the built-in GT3 Page Builder section, which allows you to create custom page layouts with ease.

You don't need to install GT3Page Builder plugin. Here is the brief overview of all available page builder modules.

• Accordion - add simple accordion style with collapsible components;
• Before & After - add an image with before/after effect;
• Blog - display standard style blog to the page;
• Blog Posts - display blog posts from different categories;
• Content - display entire content available in the visual editor;
• Divider - add divider to separate module blocks;
• Gallery - display gallery from existing gallery list;
• Google Map - add simple google map;
• HTML - add any HTML code or shortcode to display on the page;
• Heading - add simple heading;
• Icon Box - add content block with the icon;
• Icon List - add icon list with the text link option;
• Javascript - add javascript code to run on the page;
• Message Box - add different message box types;
• Partners - display the partners logos from existing list;
• Portfolio - add non-ajax portfolio to the page;
• Portfolio Posts - display portfolio posts from different categories;
• Price Table - add simple and advanced price table;
• Progress Bar - add advanced and flexible progress bar;
• Promo Text - add special promo text with call to action button;
• Sitemap - add simple sitemap;
• Slider - add any slider plugin that uses shortcodes;
• Tabs - add tabbed content area;
• Team - display selected team members from existing list;
• Testimonials - display the selected testimonials from existing list;
• Text Area - add simple text area;
• Toggle - add simple toggle style with collapsible components;
• Video - add vimeo or youtube video.

Page Templates

The theme has custom templates for creating non-standard pages. We present a list of templates you can use for the theme.

• Please go to Pages => click create a new Page or edit the required one=> on the right you can see "Page Attributes section".

Fullscreen Slider

• Fullscreen Slider is a template that allows to create a page slider with fullscreen images.
  Please select the Fit style option from the list: Cover slide, Fit Always, Fit Horizontal, Fit Vertical;
  It has back, pause, next navigation that makes easy to view gallery works on the screen.

Gallery Kenburns

• This is special fullscreen slider template.
  It displays every image separately, sliding it with automaticall zoom effect using transition.

Gallery Grid

• Gallery Grid template allows to display a gallery in preset layout.
  Grid units are the primary locations on a page where the gallery images will be placed.

Gallery Masonry

• The template works by placing gallery items in optimal position, sort of like a mason fitting stones in a wall.
  Display a gallery in a popular manner by selecting the following template. Masonry style can maximize the efficiency of galleries containing items with varying height

Gallery Albums

• The template works by placing galleries from Gallery section in category albums.
  Create Galleries and use categories optionI.

Gallery Ribbon

• The Gallery Ribbon is a template which contains a list of elements, it displays a collection in the Ribbon.
  You can move images using special navigation.

Portfolio - Grid Style

• Display Portfolio Posts listing in a grid layout style. The Portfolio posts featured images will create grid layout on a page.
  Every item is clickable, it will redirect you to a post page.

Portfolio Masonry Style

• This template uses popular masonry style to display Portfolio posts featured images in a flow without empty spaces.
  It's a good choise if you want to show Portfolio using a creative layout. It perfectly responds to various mobile devices screen resolutions.

Fullscreen Blog

• Website Posts can be individually assigned to a Page with amazing Fullscreen Blog template.
  It designed to keep a showcase minimal and clean.

Background Image/Video

• Background Image/Video template allows to create a page with the one image or one video layout.
  The page will not contain any other modules or content.
  Please select the required options, upload an image or add a video link.

Coming Soon

• The template is a good solution for website launching. Create a page with coundown timer. It allows to gather emails in a closed beta mode to notify visitors when the website will be available online.

Striped

• The template has a non-standard page layout.
  It arranges page vertically, the height stays fixed.

Landing Striped

• Create landing page with a non-standard layout.
  It arranges page vertically, the height stays fixed.

Landing

• The template has a non-standard page layout.
  Create stripes.

Template Setup

Let's have a look how to select a custom template for the page.

1. Please go to Pages => click create a new Page or edit the required one=> on the right you can see "Page Attributes section".

2. Don't select the Parent for the page, just indicate the required Template.

3. When the template is selected, please click Publish button. The Page will display the required editor according your template.

Striped Page Setup

Here we will explain you how to setup your Striped Page :

• the first thing you have to do is to create a blank page;
• please select the one of Stripe Templates, click Publish button;
• after page publishing you will find Strip Page Options, please select Layout style => click Add New Strip;
• new fields will be activated, please add the details: Title1, Title2, Link, Image..

Coming Soon Page Setup

Here are the detailed instructions how to setup Coming Soon Page :

• the first thing you have to do is to create a blank page;
• please select the Coming Soon Template, click Publish button;
• after page publishing you will find Strip Options, please Enter Date: Year, Day, Month=> add Notify Text => add Form shortcode => select Social Icons;
• on the right in Custom Layout area select the Background settings option Image=> add an image you want to display as a background for Countdown timer. That's all, please update the page.

Custom Sidebars Setup

The theme has the option to create unlimited number of custom sidebars, let's have a look how to create a custom sidebar and add it to the page.

1. Please go to Pages => click edit the page you need=> on the right you can see "Custom Layout" module.

2. The next step is to add widgets to this custom sidebar. Please go to Appearance => Widgets. You will see a custom widget on the right. Please drag and drop the widgets you want to display in the sidebar.

3. The last step is to add the custom sidebar to the page. Please open the page where you want to display the custom sidebar. On the right you can see "Custom Sidebar" module.
Please choose the desired layout and sidebar from drop down menu. Save page settings and preview the page. That's all.

Note, Custom sidebars available only for Default Pages. If you are going to use custom templates they will not be available for the pages.

Contact Form 7 Plugin Installation

There are several ways to install WordPress plugin, we do prefer using FTP but you can choose other ways. Please read more about plugin installation on the official website at http://codex.wordpress.org/Managing_Plugins
If you choose to use ftp, please do the following:

• please download the plugin at http://wordpress.org/plugins/contact-form-7/
• please unzip the plugin zip file that you downloaded and upload to Plugin folder to the wp-content/plugins folder in your WordPress directory online via FTP.;
• log into your WordPress admin dashboard and activate "Contact Form 7" plugin in the Plugins => Installed Plugins section;
• once the plugin is activated, you can start creating contact form.
• do not forget to read the Contact Form 7 documentation for obtatining information.

Contact Form 7 Plugin Usage

The first thing you have to do is to create a contact form . Please go to the Contact plugin section. You can see it in the main WordPress menu.

If you want to get the form titles appear inside the contact form fields follow the instructions:

• please open the created contact form in the plugin section;
• add special code to the Form area.
• save changes.

• please copy the contact form shortcode, please see screenshot above;
• then open the page where you want to add the contact form to;
• add "HTML" module to the page, click edit and put the contact form shortcode into the text area (see screenshot below);
• that's all, please preview the page.

Gallery Page

Setup Using GT3 Builder

To create a gallery page on your site, please follow the steps below:

• please go to Gallery section in the main WordPress menu and click Add New;
• there is section called "Select Media" in GT3 Page Builder;
• simply click any image that you want to add to the gallery;
• when gallery is ready, it's time to create a gallery page, please go to the pages and add a new page;
• go to the GT3 Page Builder and add Gallery Module;
• please check the module settings, just click edit. Right there you can select the available gallery from the drop down menu, set the number of images in a row;
• once it is done, please save the changes, and preview the page.

Gallery Setup Using a Template

• please go to Pages section in the main WordPress menu and click Add New;
• on the right in Page Attributes section select the one of the Gallery templates: Gallery-Grid, Gallery-Ribbon, Gallery-Masonry or Gallery-Kenburns. Please, don't forget to publish the page.
• special Gallery uploader will be available on the page. Upload your media collection and select the images for Gallery. That's all.

Gallery Albums Page Setup

• please go to Galleries section in the main WordPress menu and click Category;
• create categories to dipslay filtering system;
• click Add New in Galleries section;
• there is section called "Select Media" ;
• simply click any image that you want to add to the gallery;
• when gallery is ready, it's time to create a gallery Albums page, please go to the pages and add a new page;
• on the right in Page Attributes section select the Gallery-Albums template. Please, don't forget to publish the page.
• the Gatogories selector will be available on the page.
• Note, you can adjust Gallery post page settings in Soho theme settings=> Gallery options.

Blog Page

Setup Using GT3 Builder

Here we will explain you on how to setup your blog page using GT3 Page Builder:

• the first thing you have to do is to create a blank page;
• if you want to have a sidebar on the blog, please read "Custom Sidebars Setup" section;
• once the page is created, please add "Blog" module using GT3 Page Builder;
• click edit to adjust blog posts listing settings.

Blog Setup Using a Template

• please go to Posts section in the main WordPress menu and click Add New;
• the first thing you have to do is to choose the post format, it can be (standard, image, video), you can choose it on the right side in Format section;
• then please add the content to your post item page, text, featured image (very important as it will be a thumbnail for your post);
• when all the items have been created, it's time to create a page, please go to the pages and add a new page;
• on the right in Page Attributes section select Fullscreen Blog in Templates. That's all, publish the page.
• Note, you can select how many items per page can be displayed on the Fullwidth blog page. Please go to Soho theme options panel=> View Options=> Fullscreen blog Items per page field.

Portfolio Page

Setup Using GT3 Builder

To create a standard portfolio page with columns layout on your site, please follow the steps below:

• please go to Portfolio section in the main WordPress menu and click Add New;
• this is a portfoio item page not the parent potfolio one, sometimes people think that it is a portfolio page;
• the first thing you have to do is to choose the post format, it can be (standard, image, video), you can choose it on the right side in Format section;
• then please add the content to your portfolio item page, text, featured image (very important as it will be a thumbnail for your portoflio page);
• if you want to add the icons, please use "Advanced Options" below the page builder section;
• when all the items have been created, it's time to create a portfolio page, please go to the pages and add a new page;
• go to the GT3 Page Builder and add Portfolio Module;
• please check the module settings, just click edit. Right there you can choose number of items per page, view type (1,2,3,4 columns), enable/disable filter, select the category etc;
• once it is done, please save the changes, and preview the page.

Portfolio Setup Using a Template

• please go to Pages section in the main WordPress menu and click Add New;
• on the right in Page Attributes section select the one of the Portfolio templates: Portfolio Grid Style, Portfolio Grid Style 2, Portfolio Masonry Style or Portfolio Masonry Style2. Please, don't forget to publish the page.
• The template will display the items automatically you created in Portfolio section before. That's all.
• Note, you can select how many items per page can be displayed on the page. Please go to Soho theme options panel=> View Options=> Fullscreen Portfolio Items per page field.

Tutorials "How to..."

Our team prepared a set of video tutorials that you can view at our official chanel GT3themes or check videos below:

How to setup SOHO - Fullscreen Photo & Video WordPress Theme .

How to create Landing pages - SOHO - Fullscreen Photo & Video WordPress Theme .

How to create Portfolio layouts with margins - SOHO Fullscreen Photo & Video WordPress Theme .

How to create Portfolio posts with Fullscreen and Fullwidth slider .

How to create Simple Slider, Fullscreen Ribbon, Flow Portfolio posts

Footer Editing

To change the copyright, please open the General section in your Theme Options Panel and find the Copyright field (© 2020 Business Theme. All Rights Reserved).

Please replace the text with your own one, save the changes. The changes will be reflected on your site.

There is also the social icons list in the footer. All those icons can be managed in the Theme Options Panel => Socials.

Translation Support

This theme comes with .po, .mo files, they are located in \soho\core\languages\ and \wp-content\plugins\gt3-pagebuilder-custom\core\languages folders.

Please follow these steps to translate your theme text:

• please download this software and install it http://www.poedit.net/download.php;
• please open .po files located in \soho\core\languages\en_US.po and \wp-content\plugins\gt3-pagebuilder-custom\core\languages\gt3_builder-en_US.po using poedit tool and translate the existing text to your own;
• when you save the file, you must name it according to your language;
• upload the file to the required folder on your server, that's all.

Please note that you can also use the special plugins like WPML to do the translation.

Source Files Included

The theme comes with 26 PSD files. Some PSD files can include different pages inside, and can have hidden layers. Please note that the images are not included in the package.