close

Installation

Installing your theme is pretty easy! After downloading you should have a foodhunt-pro.zip file. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Upload Theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Click on the Upload link
  4. Select the foodhunt.zip file
  5. Click Install Now

Activate the theme

Go to Appearance > Themes in the WordPress Dashboard.
Hover over the theme thumbnail and press the Activate button

Additional information: WordPress Codex – Using Themes

Menu Setup

By default, the menus will fallback to Pages. That means just after activation of the theme, you will see all the pages as menus. Create a custom Menu and assign a menu location to display your own Menu. If you want selective menus with combination of links, pages, categories then custom menu is what you should be looking for.

Set up Custom Menu

  1. Go to Appearance > Menus in the WordPress menu
  2. Click on Create a new menu link
  3. Now add the menu item, you can choose Pages, Custom links, Category etc.
  4. Check the required Theme Location
  5. Click Save Menu after adding required custom links in the menu

Theme Location for Menu settings

foodhunt-menu-locations

    • Primary Left MenuDisplay the menu on the Left side on the Header.
    • Primary Right MenuDisplay the menu on the Right side on the Header.
    • Footer MenuDisplay the menu on the Footer.
    • Social menuDisplay the menu containing Social Icons on the Header Top Bar.
On mobile device both Primary Left Menu and Primary Right menu is merged in one Single Menu.

Social Menu setup

foodhunt-social-menu

  1. Use Custom Links to create a menu.
  2. In URL field type your social media link. For example: www.facebook.com/profile_id
  3. Social media supported by theme are: Facebook, Twitter, Google Plus, Youtube, Pinterest, Instagram,
  4. Check Social Menu under Theme Location.

Slider Options

Slider, by default, is disabled and will only display on Front Page. All the options related to Slider part are available in Appearance-> Customize-> Slider Options.
foodhunt-slider

Slider Settings

    1. Enable the slider from In Appearance->Customize->Slider Options-> Slider Settings
    2. Create the page for each slider and enter title, text and featured image. Page Title will appear as Slider Title, content as Slider Description and features image as Slider Image.
    3. Choose the respective pages in drop down options.
    4. The recommended size for the slider image is 1900 x 1000 pixels. For better functioning of slider use equal size images for each slide.
If featured image is not used in the page then the page is excluded in the Slider.
    1. Add Unlimited Number of Slider.
Hurray!!! I can choose as many slides as I wanted. Is’nt it cool!
If you need more or less number of slides, input the new number in the field: Enter the slider number, click on Save and Publish button and refresh the browser.
  1. Choose how slider moves: Fade, Horizontal and Vertical.
  2. Change the slider Display time and Slides Duration time.
  3. Hide slider controllers (navigation Arrow and Button) from In Appearance->Customize->Slider Options->Slider Controls
  4. Change Slider Read more Text from In Appearance->Customize->Slider Options->Slider Controls

Site Identity

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Logo

Add Logo

  1. Go to Appearance > Customize > Site Identity > Logo in the WordPress menu
  2. Now, Upload the custom logo from the Select Logo button there.
  3. To show the logo follow instruction in Header Settings > Header Logo Section

foodhunt instruction header logo

Header Settings

All the options related to Header part are available in Appearance-> Customize-> Header Options.

Header Options

  • Header News

foodhunt-header-news
Check the option to display the 5 Latest posts Titles on the Header Top Bar (just above the Menu). There is also option to change the Text before the News Title.

Social Icons are also displayed in the header Top Bar. To set up Social Icons see “Social Menu setup” under Menu Setup.
  • Header Sticky Option

Make Header Sticky/non-sticky just by checking the checkbox. By default Header is Sticky.

  • Header Logo

Upload the Logo from Site Identity Section to display it on the Header. Then, here are options to display Header Text only (Site Title and Tagline ), Logo only, display both Logo and Header Text or display none of them.

Foodhunt instruction header logo options

  • Header Search Icon

Make Header Search Icon enable/disable just by checking the checkbox. By default Header Search Icon is enable.

  • Header Cart Icon

A Cart icon will only visible on the header, beside the Search icon if WooCommerce plugin is active in your site. Hide it if you don’t want to show it.

  • Header Title Bar

foodhunt-header-titlebar
Upload the image to display it on just below the Menu on the Blog, archive and single page and display the Title on it.

Social Links

Social Link icons on the header are displayed by creating the custom Menu. For further detail please visit Social Menu Setup under Menu Setup section above.

Front Page Setup

Front Page Template is design to display the widgets used in the Front Page Template Sidebar( Appearance-> widgets). You can use a page (which is assigned to Front Page Template) to display widgets on the Font Page.

Steps

    1. Create 2 pages ie, Home and Blog Page. Assign Home to Restaurant Template.
    2. Go to Appearance-> widgets and drag/select the widgets on the Front Page Template Sidebar. Now Home Page will display all the widgets used in Front Page Template Sidebar.
    3. To display Home Page as front page: go to Settings-> Reading and select A static page radio option under Front page displays.
    4. Now, choose the Home Page in Front page.
    5. Also, choose Blog page in Posts page.
The Home Page and Blog Page will not display the content of the page.

Widget Descriptions

FoodHunt provide Eleven awesome widgets that you can use in Front Page Template Sidebar to make your site look amazingly Beautiful. Go to Appearance-> widgets, drag/select the widgets in the Front Page Template Sidebar to display it on the Front Page Template Page.

TG: Featured Single Page Widget

This widget provide options to enter Title, Description, Select page (drop-down option), Button Text, Button Redirect Link and Button Icon Class.
foodhunt-about
Steps:

  • Create a page, enter the Title, Description and set a Featured Image.
Info: The Recommended size for featured image is 530px by 440px.
  • Drag the TG: Featured Single Page Widget in the Front Page Sidebar and enter the Title and Description.
  • Select the page in the drop-down option.
  • Enter the Button text and redirect Link and Icon Class.
Left the Button Redirect Link empty to link the button to the respective page.

TG: Service Widget

This widget enable you to display your services. In this widget, enter the Title, Description and number of pages to display.
foodhunt-services
Steps:

  • Create pages for each Services, enter the Title, Description, set a Featured Image and select the Service Template.
Info: The Recommended size for featured image is 290 by 290.
  • Drag the TG: Service Widget in the Front Page Sidebar and enter the Title, Description and enter the number of page to display.
  • Select the Image or Color to display as Background.
Background image (if used) will override the background color.

TG: Portfolio Widget

Show your Portfolio Or Gallery using this widget. Simailar to TG: Service Widget, enter the Title, Description and number of pages to display.
foodhunt-portfolio
Steps:

  • Create pages for each Portfolio/Gallery, enter the Title, Description, set a Featured Image and select the Portfolio Template.
Info: The Recommended size for featured image is 340 by 340.
  • Drag the TG: Portfolio Widget in the Front Page Sidebar and enter the Title, Description and enter the number of page to display.

TG: Our Team Widget

Show your Team Members. Simailar to TG: Service Widget, enter the Title, Description and number of pages to display.
foodhunt-team
Steps:

  • Create pages for each Team member, enter the Title, Description, set a Featured Image and select the Our Team Template.
  • When our Team Template is selected, a Designation meta box will appear just above the Featured page option. You can assign designation to each Team member.
  • In Pro version Three meta boxes for Social icon will also appear when Our Team Template is choosen. Enter the link of social media ie: https://facebook.com/profile_id.
Info: The Recommended size for featured image is 380 by 380.
  • Drag the TG: Our Team Widget in the Front Page Sidebar and enter the Title, Description and enter the number of page to display.
  • Select the Image or Color to display as Background.
Background image (if used) will override the background color.

TG: Featured Posts Widget

This widget display your latest/featured posts. In this widget, enter the Title and Description. Select the number of posts to display from either the Latest Posts or Posts from the certain Category. If you choose to Show posts from a category than enter the Category from the Drop-down option.
foodhunt-blogs

TG: Call To Action Widget

Display Call to action. In this widget, enter the Main Text, Button text, Button redirect link. There is also the option of background color and image. Set color to display it as backgound or Upload image.

TG: Contact Us Widget

  • This widget is for displaying your contact information and contact form. Enter the Title, Description, Choose a Page from Dropdown pages to display page Title and Description. Our theme Support Contact Form 7, it’s free theme available in WordPress repo. Paste the Shortcode of Contact Form 7 in the Shortcode field.
Note: If you want to display the Contact Form in Contact page than you should paste the Shortcode in the Contact page too.
  • If you want to display content as shown in our demo page than paste the HTML in page content in a following way.
<div class="contact-quote"> We are also active in social media. You can find uson below adresses. </div>
<div class="contact-details clearfix">
    <div class="contact-detail-block">
        <div class="contact-icon"> <i class="fa fa-map-marker"> </i> </div>
        <div class="contact-text"> Baluwatar <br/> Kathmandu, Nepal </div>
    </div>
    <div class="contact-detail-block">
        <div class="contact-icon"> <i class="fa fa-clock-o"> </i> </div>
        <div class="contact-text"> Opening Hour <br/> 8:00 AM - 10:00 PM </div>
    </div>
    <div class="contact-detail-block">
        <div class="contact-icon"> <i class="fa fa-envelope"> </i> </div>
        <div class="contact-text"> Email <br/> [email protected] </div>
    </div>
</div>
<div class="contact-map">
    <iframe frameborder="0" src="https://www.google.com/maps/embed/v1/place?q=Shivapuri+Higher+Secondary+School,+Thirbam+Sadak,+Kathmandu,+Central+Region,+Nepal&key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU"></iframe>
</div>

TG: Call To Action Video Widget

Display the content of the page and a video.

    • Choose a Page from Dropdown pages to display page Title and Description.
    • Add video iframe code, for example:
<iframe width="560" height="315" src="https://www.youtube.com/embed/qc-WvauHhNE" frameborder="0"></iframe>

foodhunt-call-to-action-video

TG: Fun Facts Widget

This widget allow you to display fun title , description, icon and total number of fun count. To activate Fun Facts Widget , drag and drop this widget in Restaurant Template Sidebar Widget Area and fill all neccessary details.
foodhunt-funfacts

TG: Testimonial Widget

This widget is use to display thoughts of your satisfied customer . To achieve this widget follow the steps Simailar to TG: Service Widget, enter the Title, Description and number of pages to display.
foodhunt-testimonial
Steps:

  • Create pages for each Testimonial, enter the Title, Description, set a Featured Image and select the Our Testimonial Template.
Info: The Recommended size for featured image is 124 by 124.
  • Drag the TG: Testimonial Widget in the Restaurant Sidebar Area and enter the Title, Description and enter the number of page to display.
  • Select the Image or Color to display as Background.
Background image (if used) will override the background color.

TG: Our Clients Widget

Our Client Widget is basically use to display your bussiness partner logo as in horizontal slide show with two beautiful buttons control. Drag the TG: Our Client Widget in the Restaurant Sidebar Area and enter the Title, Description and enter the client number to limit the clients.
foodhunt-clients

TG: Special Recipes

This widget is use to display details of Special Recipes . To achieve this widget follow the steps Simailar to TG: Service Widget, enter the Title, Description and number of pages to display.
Steps:

  • Create pages for each Special Recipes, enter the Title, Description, set a Featured Image and select the Special Recipes Template.
Info: The Recommended size for featured image is 400 by 300.
  • Drag the TG: Special Recipes Widget in the Restaurant Sidebar Area and enter the Title, Description and enter the number of page to display.
  • Select the Image or Color to display as Background.
Background image (if used) will override the background color.
If you don’t want any sidebar than select “No Sidebar Full Width” or “No Sidebar Content Centered”

TG: Special Products

This widget is pritty much similar to TG: Specail Recipes on it’s appeareance, excerpt the Rating and the Price tag. But instead of showing page, it display the Products of WooCommerce. Hence, install WooCommerce and add products with price.

This widget is not visiable if WooCommerce plugin is not active
Info: The Recommended size for featured image is 400 by 300.

foodhunt-special-recipe
Steps:

  • Drag the TG: Special Products Widget in the Restaurant Sidebar Area and enter the Title, Description and enter the number of page to display.
  • Choose Latest Products for showing latest product. If you select another option which is: Products from a category then also select a Category from the drop down option.
  • Select the Image or Color to display as Background.
Background image (if used) will override the background color.

TG: Events Slider

This widget is use to display the information about Upcoming and Ongoing events around the world such as Event Name, Event Schedule, Event Location, Event Details and more.

This widget is not visiable if The Events Calendar plugin is not active
Info: The Recommended size for featured image is 363 by 363.

foodhunt-events-slider
Steps:

  • Drag the TG: Events Slider Widget in the Restaurant Sidebar Area and enter the Title, Description and enter the number of events to display.

Design Options

Design based settings and Custom CSS Box are available in Appearance-> Customize-> Design Options.

Layout Options

  • Default Layout

This layout will be reflected in whole site archives, search etc. The layout for a single post and page can be controlled from below options.

  • Default layout for pages only

Select default layout for pages. This layout will be reflected in all pages unless unique layout is set for specific page. To select the unique Layout for any particular page edit that page and Choose the Layout from Layout option box.

  • Default Layout For Single Posts Only

Select default layout for single posts. This layout will be reflected in all single posts unless unique layout is set for specific post. To select the unique Layout for any particular post edit that page and Choose the Layout from Layout option box.

If you don’t want any sidebar than select “No Sidebar Full Width” or “No Sidebar Content Centered”

Custom CSS Box

  • Foodhunt have Custom CSS Box which will ease your work if you need to add CSS in your site. Note: It will strip all the tags. Also, we strongly recommend not to edit the code in the theme’s file. All you changes will be lost if you update the theme. Use child theme instead.

Additional Options

Additional options are available in Appearance-> Customize-> Additional Options.

Other Theme Related options

  • Posts Page content

Display full content or short description/excerpt on the Posts Page.

  • Read More

To change the Read more text in Posts Page: Blog, archive etc.

Read More in Posts page will not appear if you choose to show Full content in the Posts Page
  • Excerpt Length

Excerpt Length allow user to limit the number of Words you wish to show on excerpt. Default value is 40 words.

  • Hide Post meta/information

Hide specific or all the meta/information from the Blog posts and Single post.

Footer Setup

Footer part display the widgets used in Footer Sidebar in Appearance-> widgets, Copyright text and Footer Menu

Setting up Footer Section

  • Go to Appearance-> widgets and drag/select the widgets on the Footer Sidebar 1 to Footer Sidebar 4.
Footer Copyright Text is static and options to edit this text will only available in Pro version of this theme.
  • To display the footer menu, create a menu and assign it to Footer menu. Please refer Menu Setup section to know how to create a menu

Footer Options

Go to Customize-> Footer Options for the following options:

    • Footer Column Select

Select number of column for the footer widgetized areas. Choose One Column to Four Column.

    • Copyright Alightment

Display Copyright and Footer Menu either on left/right or on center Position.

    • Footer Copyright Editor

Edit the Copyright information in your footer. You can also use shortcodes: [the-year] for current year, [site-link] for your site link, [wp-link] for WordPress site link and [tg-link] for ThemeGrill site link.

Supported Plugins

This theme support some Plugins

Plugins Supported

  1. RestaurantPress plugin.
  2. Contact Form 7 plugin.
  3. WP-PageNavi plugin.
  4. WooCommerce plugin.
  5. The Events Calendar plugin.
  6. Polylang plugin.
  7. WPML plugin.
Other plugins are not tested with this theme but by default some plugins might work with the theme.

Quick Specs

All measurements are recommended and in pixels.

Slider Image

  1. The recommended size for the slider image is 1920 X 1000 Pixels.

TG: Widgets

  1. TG: Call to Action Widget :- The recommended size for the background image is 1349 X 295 Pixels.
  2. TG: Call to Action Video Widget :- The recommended size for the background image is 1349 X 565 Pixels.
  3. TG: Featured Posts Widget :- The recommended size for the featured image is 340 X 340 Pixels.
  4. TG: Featured Single Page Widget :- The recommended size for featured image is 530 X 440 Pixels.
  5. TG: Our Clients Widget :- The recommended size for image is 183 X 137 Pixels.
  6. TG: Our Team Widget :- The recommended size for featured image is 380 X 380 Pixels and for background image is 1349 X 1025 Pixels.
  7. TG: Portfolio Widget :- The recommended size for featured image is 340 X 340 Pixels.
  8. TG: Service Widget :- The recommended size for featured image is 290 X 290 Pixels and for the background image is 1349 X 967 Pixels.
  9. TG: Special Recipes Widget :- The recommended size for product featured image is 400 X 300 Pixels.
  10. TG: Events Slider Widget :- The recommended size for product featured image is 363 X 363 Pixels.
  11. TG: Testimonial Widget :- The recommended size for featured image is 124 X 124 Pixels and for the background image is 1349 X 743 Pixels.

Theme Hooks

Foodhunt provides different hooks to add custom functionalities.

do_action( 'foodhunt_before' )                  - Hook to add function directly after start of  tag
do_action( 'foodhunt_before_header' )            - Hook to add function before header area
do_action( 'foodhunt_after_header' )             - Hook to add function after header area
do_action( 'foodhunt_before_body_content' )      - Hook to add function before the body content including sidebars
do_action( 'foodhunt_after_body_content' )       - Hook to add function after the body content including sidebars
do_action( 'foodhunt_before_comments_template' ) - Hook to add function before comment template in posts
do_action( 'foodhunt_after_comments_template' ) - Hook to add function after comment template in posts
do_action( 'foodhunt_before_left_sidebar' )      - Hook to add function before left sidebar area
do_action( 'foodhunt_after_left_sidebar' )       - Hook to add function after left sidebar area
do_action( 'foodhunt_before_right_sidebar' )     - Hook to add function before right sidebar area
do_action( 'foodhunt_after_right_sidebar' )      - Hook to add function after right sidebar area
do_action( 'foodhunt_footer_copyright' )         - Hook to add function for footer copyright area

Recommended Image Size

Since this theme heavily relies on the featured images of the post to be displayed the content of your site uniquely as it is best suited for the news/magazine site. So, we have created different recommended image size for this theme.Recommended image size (width*height) used in Spacious theme in px.

Image Sizes

  1. Recommended image size for Slider – 1400*710
  2. Recommended image size for Service Image – 340*340
  3. Recommended image size for Team Image – 380*380
  4. Recommended image size for Special Recipe – 410*340
  5. Minimum image size for Gallery Image – 340*340
  6. Recommended image size for Testimonial – 125*125
  7. Recommended image size for Event Image – 360*260
  8. Recommended image size for Featured Post – 870*480
FoodHunt