Gallery Albums and Portfolios

[Osbourne Chin]

Hello,

 

I purchased this theme in order to display my portfolio in different albums. I do not understand how to set up portfolios and create different albums. Can you explain how this is done? Is there a demo video that takes you through the process? I would love your help.

 

Thanks

[Sonnal S Sinha]

Hi,

Here is the video:

5. How to set up Photo Gallery and photo album?—https://www.youtube.com/watch?v=akgcWw8DD9o

Regards,
Shri

[Ton de Koning]

Hello there,

In my version, wich I installed a week ago, I dont’t have thoso shortcodes. Olso some things do look different, like the adding of images is a little bit different. I dont’t understand, its taking me way more time then I thought. Some things are different then the basic version.

This is what I got so far: http://www.probeeld.com/2015/

In the shortcodes I got only (nothing like portfolio slider):

Services Box
[services title=”Title here” bold=”Bold text here” icon=”Icon URL here”]
Your content here…
[/services]

Latest posts
[latestposts show=”2″]

Testimonial
[testimonials]

Statistics
[stat_main] [stat value=”100″]Clients[/stat] [/stat_main]

Skills
[skill title=”Coding” percent=”90″ bgcolor=”#00a8ff”]

Team
[ourteam]

Gallery
[photogallery filter=”true”]

Social Icons
[social_area]
[social link=”Link here” icon=”Font Awesome Icon Name exa.facebook”]
[/social_area]

Animation Name list
bounce, flash, pulse, shake, swing, tada, wobble, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flip, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, slideInDown, slideInLeft, slideInRight, slideOutLeft, slideOutRight, slideOutUp, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp

2 Column Content
[column_content type=”one_half” animation=”name of animation”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_half_last” animation=”name of animation”]
Column 2 Content goes here…
[/column_content]

3 Column Content
[column_content type=”one_third” animation=”name of animation”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_third” animation=”name of animation”]
Column 2 Content goes here…
[/column_content]

[column_content type=”one_third_last” animation=”name of animation”]
Column 3 Content goes here…
[/column_content]

4 Column Content
[column_content type=”one_fourth” animation=”name of animation”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_fourth” animation=”name of animation”]
Column 2 Content goes here…
[/column_content]

[column_content type=”one_fourth” animation=”name of animation”]
Column 3 Content goes here…
[/column_content]

[column_content type=”one_fourth_last” animation=”name of animation”]
Column 4 Content goes here…
[/column_content]

5 Column Content
[column_content type=”one_fifth” animation=”name of animation”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_fifth” animation=”name of animation”]
Column 2 Content goes here…
[/column_content]

[column_content type=”one_fifth” animation=”name of animation”]
Column 3 Content goes here…
[/column_content]

[column_content type=”one_fifth” animation=”name of animation”]
Column 4 Content goes here…
[/column_content]

[column_content type=”one_fifth_last” animation=”name of animation”]
Column 5 Content goes here…
[/column_content]

Clear
[clear]

HR / Horizontal separation line
[hr] or <hr>

Separator / blank space
[separator height=”20″]

Tabs
[tabs]
[tab title=”TAB TITLE 1″]
TAB CONTENT 1
[/tab]
[tab title=”TAB TITLE 2″]
TAB CONTENT 2
[/tab]
[tab title=”TAB TITLE 3″]
TAB CONTENT 3
[/tab]
[/tabs]

Toggle Content
[toggle_content title=”Toggle Title 1″]
Toggle content 1…
[/toggle_content]
[toggle_content title=”Toggle Title 2″]
Toggle content 2…
[/toggle_content]
[toggle_content title=”Toggle Title 3″]
Toggle content 3…
[/toggle_content]

Accordion Content
[accordion]
[accordion_content title=”ACCORDION TITLE 1″]
ACCORDION CONTENT 1
[/accordion_content]
[accordion_content title=”ACCORDION TITLE 2″]
ACCORDION CONTENT 2
[/accordion_content]
[accordion_content title=”ACCORDION TITLE 3″]
ACCORDION CONTENT 3
[/accordion_content]
[/accordion]

Gradient Button – Small
[gradient_button size=”small” bg_color=”#e00″ color=”#fff” text=”Medium Gradient Button” title=”Medium Gradient Button” url=”” position=”left”]

Gradient Button – Medium
[gradient_button size=”medium” bg_color=”#060″ color=”#fff” text=”Medium Gradient Button” title=”Medium Gradient Button” url=”” position=”left”]

Gradient Button – Large
[gradient_button size=”large” bg_color=”#026″ color=”#fff” text=”Large Gradient Button” title=”Large Gradient Button” url=”” position=”left”]

Gradient Button – Xtra Large
[gradient_button size=”x-large” bg_color=”#00ccff” color=”#fff” text=”Extra Large Simple Button” title=”Extra Large Simple Button” url=”” position=”left”]

Simple Button – Small
[simple_button size=”small” bg_color=”#c00″ color=”#fff” text=”Small Simple Button” title=”Small Simple Button” url=”#” position=”left”]

Simple Button – Medium
[simple_button size=”medium” bg_color=”#060″ color=”#fff” text=”Medium Simple Button” title=”Medium Simple Button” url=”” position=”left”]

Simple Button – Large
[simple_button size=”large” bg_color=”#026″ color=”#fff” text=”Large Simple Button” title=”Large Simple Button” url=”” position=”left”]

Simple Button – Xtra Large
[simple_button size=”x-large” bg_color=”#00ccff” color=”#fff” text=”Extra Large Simple Button” title=”Extra Large Simple Button” url=”” position=”left”]

Round Button – Light
[round_button style=”light” text=”Round Button” title=”Round Button” url=”” position=”left”]

Round Button – Dark
[round_button style=”dark” text=”Round Button” title=”Round Button” url=”” position=”left”]

Message Box – Success
[message type=”success”]This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode[/message]

Message Box – Error
[message type=”error”]This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode.[/message]

Message Box – Warning
[message type=”warning”]This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode.[/message]

Message Box – Info
[message type=”info”]This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode.[/message]

Message Box – About
[message type=”about”]This is a sample of the ‘about’ style message box shortcode. To use this style use the following shortcode.[/message]

List Styles
[unordered_list style=”list-1″]<li>List style 1</li>[/unordered_list]
You can use above shortcode OR simply add class to ul. You can choose from list-1 to list-10 styles.
<ul class=”list-1″><li>List style 1</li></ul>

Horizontal Separator
[hr_top]

Search Form
[searchform]

Contact Form
[contactform to_email=”[email protected]” title=”Contact Form”]

Pricing
[pricing_table columns=”4″]
[price_column highlight=”no” bgcolor=”#003366″]
[price_header]Basic[/price_header]
[price_row]<strong>$49.99 <br />Per month</strong>[/price_row]
[price_row]5GB Bandwidth[/price_row]
[price_row]1GB Storage[/price_row]
[price_row]1 Domain[/price_row]
[price_row]10 Email Accounts[/price_row]
[price_footer link=”#1″]Buy Basic[/price_footer]
[/price_column][price_column highlight=”yes” bgcolor=”#990000″]
[price_header]Premium[/price_header]
[price_row]<strong>$99.99 <br />Per month</strong>[/price_row]
[price_row]20GB Bandwidth[/price_row]
[price_row]5GB Storage[/price_row]
[price_row]5 Domains[/price_row]
[price_row]25 Email Accounts[/price_row]
[price_footer link=”#2″]Buy Premium[/price_footer]
[/price_column][price_column highlight=”no” bgcolor=”#83672b”]
[price_header]Professional[/price_header]
[price_row]<strong>$149.99 <br />Per month</strong>[/price_row]
[price_row]50GB Bandwidth[/price_row]
[price_row]10GB Storage[/price_row]
[price_row]20 Domains[/price_row]
[price_row]50 Email Accounts[/price_row]
[price_footer link=”#3″]Buy Professional[/price_footer]
[/price_column][price_column highlight=”no”]
[price_header]Ultimate[/price_header]
[price_row]<strong>$199.99 <br />Per month</strong>[/price_row]
[price_row]Unlimited Bandwidth[/price_row]
[price_row]Unlimited Storage[/price_row]
[price_row]50 Domains[/price_row]
[price_row]100 Email Accounts[/price_row]
[price_footer link=”#4″]Buy Ultimate[/price_footer]
[/price_column]
[/pricing_table]

[Sonnal S Sinha]

This is the gallery code you have for SKT White Pro: Gallery
[photogallery filter=”true”]

You can choose to have it true or false.

Regards,
Shri

[Ton de Koning]

Is there not a tutorial about the photo galleries? Because I don’t get it!

At my website you can see OUR PROJECTS (onze projecten).

I want there 4 different kind of pictures, and all of them with unique set of photo’s (i’m going to design theme for my different projects/clients).  True of false doesn’t do anything!

http://www.probeeld.com/2015/

[Sonnal S Sinha]

How to set up photo gallery: https://www.youtube.com/watch?v=akgcWw8DD9o

Please check video documentation for other queries: https://www.sktthemes.org/documentation/

Regards,
Shri

[Ton de Koning]

In those videos there are different short codes. I got only: Gallery
[photogallery filter=”true”] That I already wrote before. So that video is useless!

What I want is to see only the first of a category at “our projects”, and as I click on that one, I want to see the rest by sliding in that gallery!

I tried to type the text what I see in the video, but that doesn’t work either. I’m really getting frustrated.

http://www.probeeld.com/2015

[Osbourne Chin]

Thank you for your responses. I have solved the problem. I have also installed a few gallery and album plugins which are way easier and less time consuming than the built in gallery and album process of the theme.

[Sonnal S Sinha]

Okay cool let us know which gallery and album plugins you used we can write to others that our theme is compatible with these as well.

Regards,
Shri

[Sonnal S Sinha]

For Ton de Koning: Okay step by step instructions for photo gallery:
1. First Go to WordPress admin panel and then Click on Photo Galleryhttp://sktthemesdemo.net/documentation/skt-white-doc/assets/img/portfolio.jpg
And then Click on Add New.
2. Once clicked on Add New Add the title and then just set up a featured image just like shown here: http://sktthemesdemo.net/documentation/skt-white-doc/assets/img/portfolio.jpg
Once done select any category or add any category from the category area in this very page. And click on Update.
3. To add another image again click add new and follow the first 2 steps as given above.
So for every new image title and 1 featured image is to be added and it is to be selected into any category you wish.
Now once this is set up.

Use this shortcode anywhere you want: [photogallery filter=”true”]

Regards,
Shri

[Author]

Posts