Installation
Upload Theme
- Go to Appearance > Themes in the WordPress Dashboard
- Click on the Add New button
- Click on the Upload link
- Select the foodhunt.zip file
- Click Install Now
Activate the theme
Hover over the theme thumbnail and press the Activate button
Menu Setup
Set up Custom Menu
- Go to Appearance > Menus in the WordPress menu
- Click on Create a new menu link
- Now add the menu item, you can choose Pages, Custom links, Category etc.
- Check the required Theme Location
- Click Save Menu after adding required custom links in the menu
Theme Location for Menu settings
-
- 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.
Social Menu setup
- Use Custom Links to create a menu.
- In URL field type your social media link. For example: www.facebook.com/profile_id
- Social media supported by theme are: Facebook, Twitter, Google Plus, Youtube, Pinterest, Instagram,
- Check Social Menu under Theme Location.
Slider Options
Slider Settings
-
- Enable the slider from In Appearance->Customize->Slider Options-> Slider Settings
- 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.
- Choose the respective pages in drop down options.
- The recommended size for the slider image is 1900 x 1000 pixels. For better functioning of slider use equal size images for each slide.
-
- Add Unlimited Number of Slider.
- Choose how slider moves: Fade, Horizontal and Vertical.
- Change the slider Display time and Slides Duration time.
- Hide slider controllers (navigation Arrow and Button) from In Appearance->Customize->Slider Options->Slider Controls
- Change Slider Read more Text from In Appearance->Customize->Slider Options->Slider Controls
Site Identity
Logo
- Go to Appearance > Customize > Site Identity > Logo in the WordPress menu
- Now, Upload the custom logo from the Select Logo button there.
- To show the logo follow instruction in Header Settings > Header Logo Section
Header Settings
Header Options
- 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.
- 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.
- 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
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
Front Page Setup
Steps
-
- Create 2 pages ie, Home and Blog Page. Assign Home to Restaurant Template.
- 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.
- To display Home Page as front page: go to Settings-> Reading and select A static page radio option under Front page displays.
- Now, choose the Home Page in Front page.
- Also, choose Blog page in Posts page.
Widget Descriptions
TG: Featured Single Page Widget
Steps:
- Create a page, enter the Title, Description and set a Featured Image.
- 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.
TG: Service Widget
Steps:
- Create pages for each Services, enter the Title, Description, set a Featured Image and select the Service Template.
- 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.
TG: Portfolio Widget
Steps:
- Create pages for each Portfolio/Gallery, enter the Title, Description, set a Featured Image and select the Portfolio Template.
- 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
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.
- 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.
TG: Featured Posts Widget
TG: Call To Action Widget
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.
- 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
-
- 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>
TG: Fun Facts Widget
TG: Testimonial Widget
Steps:
- Create pages for each Testimonial, enter the Title, Description, set a Featured Image and select the Our Testimonial Template.
- 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.
TG: Our Clients Widget
TG: Special Recipes
Steps:
- Create pages for each Special Recipes, enter the Title, Description, set a Featured Image and select the Special Recipes Template.
- 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.
TG: Special Products
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.
TG: 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
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.
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
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.
- 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
Setting up Footer Section
- Go to Appearance-> widgets and drag/select the widgets on the Footer Sidebar 1 to Footer Sidebar 4.
- 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
-
- 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
Plugins Supported
- RestaurantPress plugin.
- Contact Form 7 plugin.
- WP-PageNavi plugin.
- WooCommerce plugin.
- The Events Calendar plugin.
- Polylang plugin.
- WPML plugin.
Quick Specs
Slider Image
- The recommended size for the slider image is 1920 X 1000 Pixels.
TG: Widgets
- TG: Call to Action Widget :- The recommended size for the background image is 1349 X 295 Pixels.
- TG: Call to Action Video Widget :- The recommended size for the background image is 1349 X 565 Pixels.
- TG: Featured Posts Widget :- The recommended size for the featured image is 340 X 340 Pixels.
- TG: Featured Single Page Widget :- The recommended size for featured image is 530 X 440 Pixels.
- TG: Our Clients Widget :- The recommended size for image is 183 X 137 Pixels.
- TG: Our Team Widget :- The recommended size for featured image is 380 X 380 Pixels and for background image is 1349 X 1025 Pixels.
- TG: Portfolio Widget :- The recommended size for featured image is 340 X 340 Pixels.
- TG: Service Widget :- The recommended size for featured image is 290 X 290 Pixels and for the background image is 1349 X 967 Pixels.
- TG: Special Recipes Widget :- The recommended size for product featured image is 400 X 300 Pixels.
- TG: Events Slider Widget :- The recommended size for product featured image is 363 X 363 Pixels.
- 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
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
- Recommended image size for Slider – 1400*710
- Recommended image size for Service Image – 340*340
- Recommended image size for Team Image – 380*380
- Recommended image size for Special Recipe – 410*340
- Minimum image size for Gallery Image – 340*340
- Recommended image size for Testimonial – 125*125
- Recommended image size for Event Image – 360*260
- Recommended image size for Featured Post – 870*480