Contact the Support

SKT Directory Theme

By SKT Themes - www.sktthemes.org

General

Thank you for choosing SKT Themes. Built by the latest version of WordPress and used with WordPress only as well as using the powerful page builder plugin Elementor.

Requirements for Theme

Make sure that you’re running the latest version of WordPress, PHP version 5.6 or higher and MySQL version 5.6 or higher.

Recommended PHP configuration limits

One of the issues you may run into is importing demo data fails. The first solution is to increase PHP limits. You can do this by yourself or contact your server provider to ask for the help to increase following PHP limits in php.ini

  • max_execution_time 300
  • memory_limit 512M
  • post_max_size 100M
  • upload_max_filesize 64M
  • upload_max_size = 64M
  • max_input_time = 1000

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Theme Installation Through Dashboard

  • Log in to the WordPress Dashboard.
  • Go to Appearance -> Themes.
  • Click on Add New Theme.
  • Click on Upload Theme button.
  • Click on Choose File button and select theme skt-directory.zip then click on Install Now button and wait for the install to complete.
  • After the theme installed successfully, click on Activate button.

Manual Theme Installation using FTP

  • Unzip skt-directory.zip to your Desktop.
  • Use an FTP client to access your host web server. Go to /wp-content/themes/
  • Upload theme to /wp-content/themes/.
  • Log in to the WordPress Dashboard.
  • Go to Appearance -> Themes and activate SKT Directory theme.

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Theme Demo Import

  • Note: All the required plugins for this theme must be installed and activated before importing demo content.
  • After activating the theme below screen will appear.
  • First you need to install and activate all the required plugins for theme, therefore click on Begin installing plugin. On the next screen install and activate all the listed plugins there.


  • After installing and activating all the required plugins below screen will appear.
  • Now click on Get started with SKT Directory button


  • After that install and activate Elementor Page Builder plugin as shown in below screen.


  • After activating Elementor Page Builder you will be redirected to some other page, to get back here kindly click on Get started with SKT Directory button.
  • Now install and activate WordPress Importer plugin as shown in below screen.


  • After activating WordPress Importer plugin below screen will appear.
  • Now click on Kindly proceed to next step button as shown in below screen.


  • After that below screen will appear. Now click on IMPORT DEMO CONTENT button as shown in below screen


  • After that below screen will appear.
  • Now download demo-content.zip or get the file from demo-content folder included in theme's zip.
  • After downloading right click on demo-content.zip file and extract demo-content.xml file.
  • Now click on browse and select extracted demo-content.xml file and click on Upload file and import button.


  • After that below screen will appear.
  • Now you will be asked to map the authors in this export file to users on your website. For each author, you may choose to map to an existing user on your website or to create a new user.
  • You will then have the choice to import attachments, so click on the "Download and import file attachments" box.
  • Now click on Submit button and please be patient while WordPress imports all the content.

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Theme Pages Setup

  • If you have followed the Theme Demo Import process then all the theme pages have got created and set automatically. In case you want to setup manually and don't want demo content then you have to create and set all the required pages so that theme can work properly.

  • How to setup homepage?
  • The homepage is built with Elementor Page Builder.
  • First you need to create a new page, kindly Go to WordPress Dashboard -> Pages -> Add New.
  • Now enter page title eg. Home, select Elementor Page Builder template in Page Attributes section and click on Pubish button. After pulishing the page click on Edit with Elementor button as shown in below screen.


  • Now click on that folder icon as shown in below screen.


  • Now click on My Templates and then click on Insert button of All Home Sections as shown in below screen.
  • You can also import home sections of your choices one by one.


  • Now go to WordPress Dashboard -> Appearance -> Customize -> Front Page -> Homepage Settings and click on A static page then select Home from the dropdown as shown in below screen.


  • How to setup other theme pages?
  • There are 17 important pages which is required for the theme to work properly and the pages are listed below.
  • Login
  • Register
  • Add Listing
  • Profile
  • Active Listings
  • Draft Listings
  • Edit Profile
  • Change Password
  • Lost Password
  • Search Results
  • Agents
  • Single Agent
  • Terms Of Use
  • Payment
  • Thank You
  • Failed
  • Payment History
  • You have to create above pages one by one, kindly Go to WordPress Dashboard -> Pages -> Add New.
  • Now enter page title eg. Login, select Login template in Page Attributes section and click on Pubish button. These pages have their own templates so set them carefully as shown in below screens.


  • After creating these pages you have to set them in place, kindly go to WordPress Dashboard -> Theme Settings -> Theme Pages and set them there one by one as shown in below screen.

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Theme Settings

  • Theme Options
  • Admin Approval For Listings: Here you can set admin approval for each listing, when it is active it will ask for admin approval whenever someone posts listing.

  • Theme Pages
  • Here you can set all the required pages for this theme.


SKT Directory Theme

By SKT Themes - www.sktthemes.org

Email Settings

  • Here you can set several email options and turn on/off emails.


SKT Directory Theme

By SKT Themes - www.sktthemes.org

Pricing Settings

  • Here you can set several pricing options.


SKT Directory Theme

By SKT Themes - www.sktthemes.org

Payment Gateways

  • Here you can set several payment gateways to receive payments for posting listings.


SKT Directory Theme

By SKT Themes - www.sktthemes.org

Payment History

  • Here you can track payment history.


SKT Directory Theme

By SKT Themes - www.sktthemes.org

Add New Listing

  • Listing can be added from Frontend and Backend(Dashboard) as shown in below screens.
  • Featured Listing and Showcased Listing options are changeable by admin only, on users's request admin can make changes by editing their listing.


SKT Directory Theme

By SKT Themes - www.sktthemes.org

Listing Locations

  • Locations are divided into 3 parts as shown in below screen.
  • Main location eg. United States is a country.
  • Sub location eg. California is a state.
  • Sub sub location eg. Los Angeles and San Diego are cities.


SKT Directory Theme

By SKT Themes - www.sktthemes.org

Listing Categories

  • Here you can add listing cateogries eg. Electronics, Automotive, Property etc and upload their image.


SKT Directory Theme

By SKT Themes - www.sktthemes.org

How to Manage Slider?

  • Appearance -> Customize -> FRONT PAGE -> SLIDER

    Slider Type:
  • In slider type dropdown there are three types of option

    1.Default Slider
    2.Custom Slider
    3.Disable Slider



  • Default Slider
  • Themes coming with default slider integrated option there are options present like Slider Effect, Slider Navigation, Slider Font Typography & Colors
  • Slider Effect: Choose slider effect for your slide like Fade, Random, Fold etc below slider effect option there also option present for managing animation speed and slide pause time.
  • Slider Navigation: If you want to show navigation in your slider so set Slider Navigation True Or If you want to hide set it False.
  • Slider Pagination: If you want to show pagination in your slider so set Slider Pagination True Or If you want to hide set it False.
  • Slider Font Typography & Colors: there is option for change slide title color, font family, font size, slide description color, font family, font size slide button color, font family, font size.




  • Custom Slider
  • Custom Slider: Add here any slider plugin shortcode which you want to use.


  • Below are the list of best free and pro slider plugin.
  • Free Slider Plugin
  • Master Slider
  • Smart Slider 3
  • Pro Slider Plugin
  • Slider Revolution
  • Hero Slider
  • Disable Slider


SKT Directory Theme

By SKT Themes - www.sktthemes.org

How to set up Navigation?

  • Below steps will guide you how to set up header menu or top navigation.
  • Kindly go to Appearance -> Menu -> Before moving on you have to create primary menu first and set theme location to primary menu please see the below screenshot


Fixed And Sticky Header Menu ?

How to Show Menu With Icon?

  • If you want to show menu with icon so installed this plugin and use it.
  • Check below screen for your help how to set icon plugin.



How to Show Menu With Mega Menu?

  • If you want to show menu with icon so installed this plugin and use it.
  • Check below screen for your help how to set mega menu plugin.





  • Other Mega Menu Plugin

  • WP Megamenu
  • Quad Menu

SKT Directory Theme

By SKT Themes - www.sktthemes.org

How to manage Homepage Sections ?

  • Go to WordPress Dashboard -> Pages
  • Open homepage(FrontPage) and click on Edit with Elements Builder button.
  • Note: Home page is based on Elements Page Builder, click here to know more or check here how to use Elementor.
  • How to reuse Home Sections

  • How to edit Browse Listings by City section?

SKT Directory Theme

By SKT Themes - www.sktthemes.org

How to make translate ready ?

  • Below are the list of best free translation plugin that works with Elementor.
  • Polylang
  • TranslatePress
  • Polylang

    TranslatePress

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Customize Basic Options

  • Click on Appearance>Customize>Basic
  • Basic

    • SITE LAYOUT
    • There are two types of Site Layouts
    • Full Width
      Boxed



    • COLORS OPTIONS


    • Managed Following Under Color Options:
    • Site Background Color
      Site Background Image
      Site content Text Color
      Other Elements Background
      Other Elements Text Color
      Default Anchor Color
      Default Anchor Hover Color
      H1, H2, H3, H4, H5, H6 Color
      H1, H2, H3, H4, H5, H6 Hover Color
      Team Box Background Color
      Social Icon Bgcolor
      Social Icon Hover Bgcolor
      Testimonial Box Bgcolor
      Testimonial Pager Color
      Testimonial Active Pager Color
      Gallery Active Filter Bgcolor
      Skills Bar Background Color
      Skills Bar Text Color
      Post Title Color
      Sidebar Widgets Background Color
      Sidebar Widget Title Color
      Sidebar Widget Text Color
      Sidebar Widget Link Color

    • FONT TYPOGRAPHY


    • Managed Following Under Font Typography:
    • Site Content Font [family, subsets, size]
      H1, H2, H3, H4, H5, H6 [family, subsets, size]
      Turn All Headings to Uppercase

    • CUSTOM CSS



    • SITE IDENTITY


SKT Directory Theme

By SKT Themes - www.sktthemes.org

Customize Header Options

  • Click on Appearance>Customize>Header
  • Header

    • HEADER



    • MANAGE SOCIAL ICONS



    • Social Icons Shortcode:

      [social_area] [social icon="facebook" link="https://www.facebook.com/yoourpagename"] [social icon="twitter" link="https://www.twitter.com/yoourpagename"] [social icon="linkedin" link="https://www.linkedin.com/yoourpagename"] [social icon="pinterest" link="https://www.pinterest.com/yoourpagename"] [/social_area]

    • We also use widget for top right and top left instead of customize header option.



    • SITE TITLE



    • SITE LOGO



    • HEADER LAYOUT

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Inner Page & Posts Header

  • First on custom field option from page & posts edit screen. if it is not on.
  • Add embeded map, shortcode Or any video code in header instead of feauted image page & post header. create custom field with name "headercode" and put code in custom box.

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Customize Footer Options

  • Click on Appearance>Customize>Footer
  • Footer

    • FOOTER STYLE



    • FOOTER COLUMNS



    • We also use widget for each footer columns instead of customize footer columns options.



    • FOOTER INFO BOX



    • COPYRIGHT AREA

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Customize Post & Page Options

  • Click on Appearance>Customize>Post & Page
  • Post & Page

    • POSTS SETTINGS



    • SINGLE POST LAYOUT



    • WOOCOMMERCE SHOP PAGE LAYOUT



    • WOOCOMMERCE SINGLE PRODUCT LAYOUT



    • PAGE HEADER SETTINGS

    • Page Header With Featured Image


    • If page have not assign featured image. so from page header settings have set background color or background image for header. also there is have hide page header option for hide header.



    • BLOG PAGE SETTINGS



    • CONTACT PAGE SETTINGS

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Setting up Shop

  • Go to Plugins -> Add New in the WordPress Admin panel
  • Type WooCommerce is search box and click on search button
  • Install and then Activate the plugin.
  • It will ask whether to set up default pages. Kindly click on setting up default pages of the WooCommerce
  • That’s it now you can go to shop page and check the default product.

Manage Shop Page Layouts

  • Click on Appearance>Customize>Post & Page

    • WOOCOMMERCE SHOP PAGE LAYOUT

    • There are three types of layout for Shop Page.

      1. Shop Page Right Sidebar
      2. Shop Page Left Sidebar
      3. Shop Page Full Width



    • WOOCOMMERCE SINGLE PRODUCT LAYOUT

    • There are three types of layout for Single Product / Product Details Page.

      1. Single Product Right Sidebar
      2. Single Product Left Sidebar
      3. Single Product Full Width

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Customize Section Buttons

  • Click on Appearance>Customize>Sections Buttons
  • Section Buttons
    • SECTION BLOCKS BUTTON

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Page Templates

  • Default Template
    • Helps in setting up the content on any page with Right Sidebar
  • Page Left Sidebar
    • Helps in setting up the content on any page with Left Sidebar
  • Page No Sidebar
    • Helps in setting up the content on any page No Sidebar
  • Page Full Width
    • Helps in setting up the content on any page without Sidebar
  • Contact Layout1 & Contact Layout2
    • Select page template for set contact page layout.
  • Testimonials
    • Select testimonials template for showing all testimonials.

SKT Directory Theme

By SKT Themes - www.sktthemes.org

How to setup testimonials page?

  • To add testimonials kindly go to Testimonials -> Add Testimonials.


  • After adding testimonials kindly create a new page and set Testmonials template in it.


  • After publishing now view that page.

SKT Directory Theme

By SKT Themes - www.sktthemes.org

How To Manage Our Team Section

  • Our Team Shortcodes: [ourteam col="4" show="4" excerptlength="10"]
  • Paste this shortcodes where(page or posts) you want team section
  • How to set team member see screenshot below
  • Go to Dashboard find Our Team
  • Click on add new button, enter team member name(title), Description and set featured images for thumbnail
  • All images size(dimenation) should be same in vertical(eg: 370px/250px)
  • See Video Documentation for Details

SKT Directory Theme

By SKT Themes - www.sktthemes.org

How To Manage Photo Gallery Section

  • Photo Gallery Shortcodes1: [photogallery filter="true"]
  • Photo Gallery Shortcodes2: [gallery-carousel]
  • Paste this shortcodes where(page or posts) you want gallery section
  • Go to Dashboard find Photo Gallery
  • Click on add new button (Image / Video), enter title, Video URL and set featured images for thumbnail
  • All images size(dimenation) should be same in vertical(exa.370px/250px)
  • See Video Documentation for Details
  • Custom Gallery Plugin ?

  • you can also use any custom gallery plugin if you don't want to use default gallery. below are the list of best free gallery plugin.
  • Free Gallery Plugin
  • Modula Image Gallery
  • Envira Photo Gallery
  • NextGEN Gallery

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Set up Contact page

  • Set up by using Page Template:
  • Contact Layout 1


  • Click on Appearance > Customize > Post & Page


  • Contact Layout 2

  • In Contact Layout 2 If you want to replace banner image with google map or something else embeded code so follow below steps.
  • First on custom field option from page & posts edit screen. if it is not on.
  • Add embeded map, shortcode Or any video code in header instead of feauted image page & post header. create custom field with name "headercode" and put code in custom box.

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Set up Blog page

  • Set up by using Page Template Blog on any page to show blog posts
  • Blog Full Width, Blog Left Sidebar, Blog No Sidebar, Blog Right Sidebar page templates

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Set up Sidebar

  • Go to Appearance->Widgets->Page Sidebar
  • Go to Appearance->Widgets->Blog Sidebar
  • Drag and Drop anythings you want also text widget drag and drop write thire anythings you want.

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Disable Page Comments

  • All you need to do is go to that page after Log into WordPress dashboard. Scroll down and check the section: Discussion (if not able to see check above Screen Options to show Comments).
  • Uncheck the box: Allow Comments and click on Update.
  • If you want to remove comments sidewide on Pages use this plugin: “Disable Comments” https://wordpress.org/plugins/disable-comments/

SKT Directory Theme

By SKT Themes - www.sktthemes.org

Shortcodes

  • Testimonial Rotator:
  • [testimonials-rotator show="3"]
  • Testimonial Box:
  • [testimonials-box col="3" show="3"]
  • Our Team:
  • [ourteam col="4" show="4" excerptlength="10"]
  • [ourteam col="3" show="3" excerptlength="10"]
  • [ourteam col="2" show="2" excerptlength="10"]
  • [ourteam col="1" show="1" excerptlength="10"]
  • col="4" means four columns in a single row and show="3" means number of team member show.
  • [ourteam col="4" show="4" excerptlength="10"]
  • [ourteam col="3" show="3" excerptlength="10"]
  • [ourteam col="2" show="2" excerptlength="10"]
  • [ourteam col="1" show="1" excerptlength="10"]
  • Services:
  • [service pattern="boxpattern-1" icon="image.jpg" title="Title" go="fa-angle-right" url="#"]Description[/service]
  • [service pattern="boxpattern-2" icon="image.jpg" title="Title" go="fa-angle-right" url="#"]Description[/service]
  • [service pattern="boxpattern-3" icon="image.jpg" title="Title" go="fa-angle-right" url="#"]Description[/service]
  • [service pattern="boxpattern-4" icon="image.jpg" title="Title" go="fa-angle-right" url="#"]Description[/service]
  • Clear:
  • [clear]
  • Photo Gallery:
  • [photogallery filter="true"]
  • Show Without Filters Use Shortcode : [photogallery filter="false"]
  • Photo Gallery Carousel:
  • [gallery-carousel]
  • Recent Posts:
  • [posts-style1 show="4" cat="1" excerptlength="24"]
  • [posts-style2 show="2" cat="1" excerptlength="24"]
  • Above listed two types of posts style shortcode.
  • [posts-style1 show="4" cat="1" excerptlength="24"] "show=4" means display four posts if you want to display 6 or 8 or etc. so just change show=6 or show=8. and "excerptlength=24" set box character length. and "cat=1" ID of display posts category
  • [posts-style2 show="2" cat="1" excerptlength="24"] "show=2" means display two posts if you want to display 4 or 6 or etc. so just change show=4 or show=6. and "excerptlength=24" set box character length. and "cat=1" ID of display posts category
  • Post Timeline:
  • [posts-timeline show="4" cat="1" excerptlength="24"]
  • Post Grid:
  • [posts-grid show="4" cat="1" excerptlength="24"]
  • Skill:
  • [skill title="HTML" percent="80" bgcolor="#a0ce4e"][skill title="Wordpress" percent="99" bgcolor="#a0ce4e"][skill title="Web Design" percent="90" bgcolor="#a0ce4e"][skill title="Web Development" percent="95" bgcolor="#a0ce4e"][skill title="Responsive" percent="85" bgcolor="#a0ce4e"]
  • Clients
  • [client url="#" image="image url"]
  • Social Icons
  • [social_area] [social icon="facebook" link="#"] [social icon="twitter" link="#"] [social icon="google-plus" link="#"] [social icon="linkedin" link="#"] [social icon="pinterest" link="#"] [/social_area]
  • Flip Box
  • Horizontal Flip:
    [flipbox fliptype="h" frontimage="http://www.yoursite.com/wp-content/themes/skt-ele-spa/images/model-429733_640.jpg" fronttitle="The Front Title" frontdescription="Some Lorem Content Description Goes Here" backtitle="The Back Title" backdescription="This is the back description for testing purpose will added some dummy description text. This is the back description for testing purpose will added some dummy description text.This is the back description for testing purpose will added some dummy description text." backurl="#" backbutton="Read More"]
  • Vertical Flip:
    [flipbox fliptype="v" frontimage="http://www.yoursite.com/wp-content/themes/skt-ele-spa/images/person-822552_1280.jpg" fronttitle="The Front Title" frontdescription="Some Lorem Content Description Goes Here" backtitle="The Back Title" backdescription="This is the back description for testing purpose will added some dummy description text. This is the back description for testing purpose will added some dummy description text.This is the back description for testing purpose will added some dummy description text." backurl="#" backbutton="Read Now"]
  • Dividers:
  • [divider style="divider1"]
  • [divider style="divider2"]
  • [divider style="divider3"]
  • [divider style="divider4"]
  • [divider style="divider5"]
  • [divider style="divider6"]
  • [headingdivider text="Heading Title"]
  • Promotion Box:
  • [promobox1 bgcolor="#f7f7f7" topbordercolor="#a0ce4e" otherbordercolor="#e8e6e6"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox1]
  • [promobox2 bgcolor="#f7f7f7" leftbordercolor="#a0ce4e" button="Hello Text" url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox2]
  • [promobox3 bgcolor="#f7f7f7" bottombordercolor="#a0ce4e" button="Hello Text" url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox3]
  • [promobox4 bgcolor="#f7f7f7" bordercolor="#a0ce4e"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox4]
  • [squarebox image="image" title="title" url="#" target="blank"]
  • [ourteamexpanded show="4"]
  • [skt-ele-spabox image="image" title="title" description="description" url="#" target="blank"]
  • [blockbox url="url" image="image" title="title" titlecolor="titlecolor" target="self"]
  • [centertitle text="text" titlecolor="#000000" seperatorcolor="#000000"]
  • [headingseperator text="text"]
  • [boxthumb name="name" url="#" image="image" target="blank"]

Theme Forms

By SKT Themes - www.sktthemes.org

How to setup forms?

  • We use Contact Form 7 to make all types of form. Eg: Appointment Forms, Booking Forms and Normal Contact Forms.
  • In below video you can learn how to use and setup Contact Form 7 plugin.