Food Junction Pro WordPress Theme Documentation

Introduction

Thank you for choosing our food-junction-pro theme for your website.

Our WordPress themes are completely responsive, super clean and error-free.

We are so happy to have our theme in your use.

For beginners, advances and developers, this documentation has been made keeping in mind very simplely. the ducument has been divided into two parts to understand more easily.

(A) SET UP THEME : This section will help you to understand theme start and set up easily.
(B) MAIN DOCUMENT : This section basically will have been help you to explain all the thing about theme and inner setting.

If you have query about our theme document then you can contact us at support@unboxthemes.com

pet-clinic wordpress theme
We offer theme customization. Get in contact for a quote.
Quick Connect Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

To install this theme you must have a working version of WordPress already installed. For information regarding to install the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

There are two way to install WordPress theme. The steps are given below

STEP 1: Installation Via WordPress Admin area

  1. 1. Log into your WordPress admin area.
  2. 2. Go to Dashboard => Appearance => Themes.
  3. 3. Click on Add New Theme button.
  4. Add New Theme
  5. 4. Now, Hit Upload Theme button and upload.
  6. 5. Click on Activate once upload has finished.

STEP 2: Installation Using FTP

  1. 1. Download food-junction-pro.zip file from your My Account unboxthemes.
  2. 2. Extract Zip file.
  3. 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  4. 4. Go to Dashboard » Appearance » Themes and find Black Corporate Pro theme from list
  5. 5. Click on Activate to active Black Corporate Pro theme.
Active Theme

Set Up Home Page

This section guide you to set up Home Page , All templates and All Shortcodes.

  1. Step 1: Go to Dashboard >> Pages >> Add New, enter page name and select template as Home Page Template from Page Attribute.
  2. Home Page Setting
  3. Step 2: Publish this page
  4. Step 3: Go to Dashboard >> Settings >> Reading, select home page as a front page
  5. Front Page Home

Setting Up Header

  1. Step 1. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Site Logo/Title/Tagline
  2. a.You can add logo from Select Logo button for set logo
  3. set Header logo
  4. Step 2. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Header Settings
  5. a.Set Header Logo Margin
  6. b.Add Phone Number
  7. c.Add Add Social Media Icon & Link
  8. d.Add Book Table Button text / link
  9. f.Add navigation label
  10. g.SelectColors
  11. set Header logo
  12. set Header logo
  13. set Header logo
  14. set Header logo
  15. Step 3. Go to Dashboard >> Appearance >> Menus.
  16. Step 4. Click on create a new menu as show in below image.
  17. Step 5. Enter menu name and click on Create Menu as shown in below image.
  18. Step 6. Select Pages from left Side and click on Add to Menu button as show in below image
  19. Step 7. After selecting pages select menu location and click on save menu.
  20. Create a Menu
  21. Step 8. Click on Manage Locations as show in below image.
  22. a.Click on Use new menu
  23. Final Step in Menu
  24. b.Add Menu Name
  25. c.Click on Create Menu button.
  26. Final Step in Menu
  27. Step 9. Go to Dashboard >> >> Appearance >> Customize >> General Configuration >> Header Settings
  28. a.Select colors
  29. set Header logo
  30. set Header logo
  31. set Header logo
  32. Header Final Look Final display of header

Setting Up Home Slider

  1. Step 1. Go to Dashboard >> animal-care-clinic Slider
  2. a. Click on add New button
  3. b. Add the slider name.
  4. c. Add the slider content.
  5. d. Add slider button text and link.
  6. e. Add Social Media Link.
  7. f. Add the featured image as a slider.
  8. g. Click on 'publish' button at top right of page. And Enjoy the Slider.
  9. Add New Slider

Setting up slider content On/Off:

  1. Step:2 Go to Dashboard >> Appearance >> Customize >> Home section >> Slider section
  2. a.Hide content Off:
  3. b.Slider Animation Display
  4. c.Set slider overlay Background color & opacity
  5. d.Add Socials Label
  6. e.Select slider colors
  7. Create New Slider
  8. Create New Slider
  9. Slider Final Look Final display of header

Setting Up Product Categories Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Our Features Section
  2. a. Set Disable/Enable Section
  3. b. Set Section Padding
  4. c. Add Woocommerce Plugin Set Product Categories
  5. d. Display Only 1st 4 Product Categories
  6. set featured section
  7. c. Set Background color for complete section
  8. d. Add Section Heading & Section Sub Heading & select it's colors
  9. set featured section
  10. Step 2. Add SVG Circle
  11. a. Select Color
  12. set featured section
  13. Product Categories Section Final Look Final display of featured

Setting Up About Us Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> About us Section
  2. a. Manage Background using color/image
  3. b. Set Section Paddding
  4. c. Set Section Overlay Background color & it's opacity
  5. set aboutus section
  6. set aboutus section
  7. d. Add Section Heading, Section Text & Sub Text & colors
  8. set aboutus section
  9. e. Select Section Overlay Color Opacity
  10. f. Select Section Overlay Color Opacity
  11. g. Add Section Form Background Image Or Color
  12. h. Add Section Form Title Or Color
  13. i. Add Reservation Form Shortcode
  14. set aboutus section
  15. set aboutus section
  16. set aboutus section
  17. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> About us Section
  18. a. Section Counter Show / Hide
  19. b. Select Number Of Counter Show
  20. c. Select Counter Colors
  21. set aboutus section
  22. Section About Us Final Look Final display of aboutus

Setting Up Our Services Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Services Section
  2. a. Set Disable/Enable Section
  3. b. Set animation display
  4. c. Set Section Padding
  5. set services section
  6. d. Manage Background using color/image
  7. e. Set Overlay Background Color & Its Opacity
  8. set services section
  9. e. Add Section Heading & Subheading
  10. f. Select colors
  11. set services section
  12. Step 2.Go to Dashboard >>Services Post
  13. a. Select Page
  14. b. Add Title
  15. c. Add Content
  16. c. Add Image
  17. set services section
  18. set services section
  19. d. Select colors
  20. e. Add Button Text
  21. f. Add Button Display & Text Setting:
  22. set services section
  23. Secton Our Services Final Look Final display of services

Set Testimonials Section

  1. Step1. Go to Dashboard >> Testimonials Post >> Add New
  2. (a)Add Testimonials title
  3. (b)Add Content Text
  4. (c)Add Featured image
  5. (e)Add Designation
  6. (f) Publish
  7. set Testimonials section
  8. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Our Testimonials Section
  9. a. Manage Background
  10. set team section
  11. d. Add Section Heading
  12. e. Add Section Sub Heading
  13. f. Select Colors
  14. set team section
  15. Step 2. Select Number of team members to show
  16. a. Select Testimonials member list
  17. set team section
  18. b. Select Other Colors
  19. set team section
  20. Step 3. Add Restaurant Time
  21. a. Disable Time Section
  22. b. Add Time Heading & Sub Heading
  23. c. Add Time Monday To Sunday Time
  24. set team section
  25. set team section
  26. set team section
  27. Final display of Testimonials Section Final display of Testimonials

Set Facility Section

  1. Step 1. Go to Dashboard >> Appearance >> Customize >> Home Section >> Facility Section
  2. a. Set Disable/Enable Section
  3. b. Set Section Padding
  4. c. Set Set Background Color For Complete Section
  5. set package section
  6. d. Add Section Heading
  7. e. Add Section Sub Heading
  8. f. Select colors
  9. set package section
  10. Step 2. Select Number of Facility plans
  11. a. Select Icon
  12. b. Add Section text
  13. e. Add Section color
  14. set package section
  15. set package section
  16. Final display of Facility Section Final display of Package

Setting Up Subscribe Newsletter Section

  1. Step1. Go to Dashboard >> Appearance >> Customize >> Home section >>Subscribe Newsletter Section
    • a. Set Disable / Enable Section
    • b. Set Section Padding
    • set Enquiry section
    • c. Manage Backgroun using colors/image
    • set Enquiry section
    • e. Add Subscribe Newsletter section title & text
    • f. Select colors
    • set Enquiry section
    • g. Add Enquiry Form shortcode
    • h. Select colors
    • set Enquiry section
    • i. Add Images Left Side
    • set Enquiry section
  2. Subscribe Newsletter Final Look Final display of Blog section

Setting Up Location Section

  1. Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Location Section
    • a. Set Disable / Enable Section
    • b. Set Section Padding
    • set Location section
    • c. Manage Backgroun using colors/image
    • set Location section
    • e. Add Location section title & text
    • set Location section
    • f. Add Section Image
    • set Location section
  2. Location Final Look Final display of Blog section

Set Blog Section

  1. Step1. Go to Dashboard >> Blog >> Add New
  2. (a)Add Blog title
  3. (b)Add Content
  4. (c)Add Featured image
  5. (d) Publish
  6. set Blog section
  7. Step 2. Go to Dashboard >> Appearance >> Customize >> Home Section >> Our Blog Section
  8. a. Set Disable / Enable Section
  9. b. Manage Background
  10. set Blog section
  11. Set Padding For Section
  12. set Blog section
  13. d. Add Section Heading
  14. e. Add Section Sub Heading
  15. f. Select Colors
  16. set Blog section
  17. Step 2. Select Number of Blog members to show
  18. a. Select Blog list
  19. set Blog section
  20. b. Select Other Colors
  21. set Blog section
  22. Final display of Our Blog Section Final display of team

Building the Header Menu

  1. Step 1. Go to Dashboard >> Appearance >> Menus.
  2. Step 2. Click on create a new menu as show in below image.
  3. Step 3. Enter menu name and click on Create Menu as shown in below image.
  4. Create a Menu
  5. Step 4. Select Pages like Latest Blog, Party, RSVP, We, Our Story from left Side and click on Add to Menu button as show in below image
  6. Step 5. After selecting pages select menu location and click on save menu.
  7. Final Step in Menu

Note : The menu must be available and selected as "Top Primary Menu" under Theme locations to display a proper home page like demos with Pet Clinic theme setup.

Set Page Template

How to select page template:

  • Step 1. Go to Dashboard >> Page
  • Step 2. Go to Add New button
  • Add New Slider
  • Step 3. select template at right bottom of page
  • select template

Set Widgets

  1. Step 1. Go to Dashboard >> Appearance >> Widets, Drag and Drop the widgets in Primary Sidebar area

Admin Preview

Primary sidebar admin preview

Front End Preview

Primary sidebar front preview

Set Full Width Page

How to select Full Width Page template:

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3. Select default template at right bottom of page
  • Step 4. Click publish button
select Full Width Page template
  • >> Full Width Page
  • select Full Width Page template

    Set Page With Background Image

    How to select Full Width Page with background image:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select default template at right bottom of page
    • Step 4. Click publish button
    • select Page With Background Image
    • Step 5. Select Background Image
    • select Page With Background Color
  • >> Page With Background Image
  • select Page With Background Image

    Set Page With Background Color

    How to select Full Width Page with background color:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select default template at right bottom of page
    • Step 4. Click publish button
    • select Page With Background Color
    • Step 5. Select Background color
    • select Page With Background Color
  • >> Page With Background Color
  • select Page With Background Color

    Set Page With Left Sidebar

    How to select Page With Left Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Page With Left Sidebar template at right bottom of page
    • Step 4. Click publish button
    select Page With Left Sidebar template
  • >> Page With Left Sidebar
  • select Page With Left Sidebar template

    Set Page With Right Sidebar

    How to select Page With Right Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Page With Right Sidebar template at right bottom of page
    • Step 4. Click publish button
    select Page With Right Sidebar template
  • >> Page With Right Sidebar
  • select Page With Right Sidebar template

    Set Blog Full Width

    How to select Blog Full Width template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Blog Full Width template at right bottom of page
    • Step 4. click publish button
    select Blog Full Width template
  • >> Blog Full Width
  • select Blog Full Width template

    Set Blog With Left Sidebar

    How to select Blog With Left Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. ClickAdd New button
    • Step 3. select Blog With Left Sidebar template at right bottom of page
    • Step 4. Click publish button
    select Blog With Left Sidebar template
  • >> Blog With Left Sidebar
  • select Blog With Left Sidebar template

    Set Blog With Right Sidebar

    How to select Page With Right Sidebar template:

    • Step 1. Go to Dashboard >> Page
    • Step 2. clickAdd New button
    • Step 3. select Blog With Right Sidebar template at right bottom of page
    • Step 4. click publish button
    select Blog With Right Sidebar template
  • >> Blog With Right Sidebar
  • select Blog With Right Sidebar template

    Set Contact Us Template

    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Contact Page template at right bottom of page
    • Step 4. click publish button
    • select Contact Page template
    • Step 5. Go to Dashboard >> Appearance >> Customize >> Contact Us Page
    • Step 6. fill Contact us details
    • (a) Contact Page Title
    • (a) Contact us Address Label
    • (a) Contact us Address
    • (c) Contact us Phone
    • (b) Contact us Email
    • select Contact Page template
    • (b) Select Colors
    • select Contact Page template select Contact Page template
    • (e) Add Form Shortcode
    • (b) Select Colors
    • select Contact Page template
    • (f) Code Enter For Map
    • (g) Add Social media
    • select Contact Page template
    • (b) Select Colors
    • select Contact Page template
  • >> Contact Us Template
  • select Contact Page template

    Set Testimonial Shortcode

    1. Step 1. Go to Dashboard >> Testimonials
    2. (i) Click Add New button
    3. (ii) Add Clien't name
    4. (iii) Add Clien't designation
    5. (iv) Add Content
    6. (v) Select Featured Image
    7. (vi) Click On Publish Button
    8. team
    9. Step 2. Go to Dashboard >> Page
    10. (i) Click Add New button
    11. (ii) Add Testimonial Shortcode "[UN_TESTIMONIALS]"
    12. (iii) Select Default template at right bottom of page
    13. (iv) click publish button

    14. Step 3. Used Testimonial shortcode in page
    15. team
    16. Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors
    17. (i) in which go to Testimonial Page colors
    18. team
    19. >> After adding shortcode Testimonial [UN_TESTIMONIALS] look
    20. team

    Set Team Shortcode

    1. Step 1. Go to Dashboard >> Teams
    2. (i) Click Add New button
    3. (ii) Add Team Member Name
    4. (iii) Add Content
    5. (iv) Add Desingation
    6. (v) Add Featured Image
    7. (vi) Add Socials
    8. (vii) click publish button

    9. team
    10. Step 2. Go to Dashboard >> Page
    11. (i) Click Add New button
    12. (ii) Add Team Shortcode "[UN_TEAM]"
    13. (iii) Select Default template at right bottom of page
    14. (iv) click publish button

    15. Step 3. Used Team shortcode in page
    16. team
    17. Step 4. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    18. (i) Select Team Page Colors colors
    19. team
    20. >> After adding shortcode Team [UN_TEAM] look
    21. team

    Set FAQS Shortcode

    1. Step 1. Go to Dashboard >> FAQS
    2. (i) Click Add New button
    3. (ii) Add Question
    4. (iii) Add Answer
    5. (iv) click publish button

    6. faqs
    7. Step 3. Go to Dashboard >> Page
    8. (i) Click Add New button
    9. (ii) Add FAQS Shortcode "[UN_FAQS]"
    10. (iii) Select Default template at right bottom of page
    11. (iv) click publish button

    12. Step 4. Used Faqs shortcode in page
    13. faqs
    14. Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    15. (i) Select Faq Page Colors colors
    16. faqs
    17. >> After adding shortcode FAQS look
    18. faqs

    Set Services Shortcode

    1. Step 1. Go to Dashboard >> Services
    2. (i) Click Add New button
    3. (ii) Add Service Title
    4. (iii) Add Content
    5. (iv) Select Featured Image
    6. (v) Select Socials
    7. (vi) click publish button

    8. Services
    9. Step 3. Go to Dashboard >> Page
    10. (i) Click Add New button
    11. (ii) Add Services Shortcode "[UN_SERVICES]"
    12. (iii) Select Default template at right bottom of page
    13. (iv) click publish button

    14. Step 4. Used Services shortcode in page
    15. Services
    16. Step 5. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shortcode Page Colors Settings
    17. (i) Select Services Page colors
    18. Services
    19. >> After adding shortcode Services look
    20. Services

    Set Inner Pages Heading Fonts

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Inner Page Font Settings

    Shop Sidebar Display

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Shop Page Sidebar Display Settings
    2. img

    Arrange Sections Order

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Section Order
    2. img

    Manage Breadcrumb

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Manage Breadcrumb
    2. img

    Other Settings

    1. Step 1. Go to Dashboard >> Appearance >> Customize >> Other Settings
    2. img img