Your FoodMagi WordPress Theme

Need Help?

Support for my items includes:

Item support does not include:

Installing Via WordPress

1. Login to WordPress Browse to Appearance > Themes
2. Click Add New
3. Click the Upload link
4. Click Browse
5. Select the zipped theme file to upload (the zip file is in the Upload folder if you chose to download all files) and click Install.
6. Now Activate the theme

Upload Via FTP Server

1. Login to your site via FTP
2. Browse to your folder located at wp-content/themes
3. Upload the main theme folder (the folder is located in the Upload folder if you chose to download all files)
4. Login to WordPress
5. Browse to Appearance > Themes
6. Find and activate the theme

One Click Demo Import

After installing the theme you should be prompted to install and activate the included plugins. Make sure you've installed / activated the plugin "One Click Demo Import". After the installation of the plugin:

1. Go to Appearance > Import Demo Data
2. Add your ThemeForest Purchase Code, can be found via your download page: https://themeforest.net/downloads
3. Select one of the demos and click "Import".
4. Please click "Import" button only once and wait, it can take a couple of minutes, FoodMagi demo it will take 3-5 minuts as it will download high-resolution images, so please, have patience as it will depend on your server power.
5. After you imported the demo, save your menu in order to be displayed. Go to Appearance > Menus.
6. After setting up your menu, scroll down to the bottom of the page and assign the menu to the "Header Navigation" Theme Locations at the bottom.
7. Go to Dashboard > Settings > Reading and from "Your homepage displays" select "A static page (select below) and select "Home" for (Homepage) and "Blog" for the (Post page) and add the number of posts you want to display via "Blog pages show at most", default is 8.
8. After that, please follow the Documentation for plugins configuration.

Homepage – How to build and set it

By default WordPress sets the blog page as a main page and this is not what most of us want, we need custom pages. To change WordPress default settings you have to:

1. Go to Dashboard > Pages > Add New:
2. Name it Home or whatever and from the right on Page Attributes choose "Template - Home (Grid)".
3. Now go to Dashboard > Settings > Reading and from "Front page displays" select "A static page (select below) and select the page you've created a few seconds ago.

1. Create a new page, go to Pages > Add New

2. Set the page title and select a page template.

3. Go to Settings > Reading and set the newly created page as a homepage.

4. Recent / Top Commented / Top Viewed / Random

In order to display all those pages, we need to create them. Same steps as the Homepage, the steps above.

Is the Home page you've created, so you can name it however you want.

1. Go to Dashboard > Pages > Add New:
2. Name it "Grid" and from the right on Page Attributes choose "Template - Home (Grid)".

1. Go to Dashboard > Pages > Add New:
2. Name it "Modules" and from the right on Page Attributes choose "Template - Home (Full Width Modules)".

1. Go to Dashboard > Pages > Add New:
2. Name it "Top Commented" and from the right on Page Attributes choose "Template - Home (Top Commented)".

1. Go to Dashboard > Pages > Add New:
2. Name it "Top Viewed" and from the right on Page Attributes choose "Template - Home (Top Viewed)".

1. Go to Dashboard > Pages > Add New:
2. Name it "Random" and from the right on Page Attributes choose "Template - Home (Random Posts)".

1. To create a new Main Menu go to:

This tutorial demonstrates how to create a custom menu in WordPress and how to create a menu structure.:

1. Go to your WordPress Dashboard > Appearance > Menus
2. Click on the "create a new menu" link.
3. Write a name for you menu.
4. Press Create Menu button.

2. To customize your new Menu:

1. Start to add menu items from the left panels (Homepages, Pages, Links, Categories).
2. You can manage your menus by using the drag and drop functionality and rearrange the menu items in the desired order.
   After setting up your menu, scroll down to the bottom of the page and assign the menu to the "Header Navigation" Theme Locations at the bottom. Select Header Navigation same thing you see in the photo from the below.
3. Click the Save Menu button.

3. Create 2nd menu:

1. Create "Categories" Link: create a custom link as per the screenshot:
   
2. At the top, in the right corner, you have a button "Screen Options" click it and check "CSS Classes". Now change the "Categories" link you've created like as per the screenshot: delete the # and add "title" for the CSS classes, and don't forget to add <span></span> for the Categories labed:
   
3. Now add some categories, as per the demo.
4. Create "Pages" link, the same way you've created the "Categories" link. For the pages link in the CSS Classes field add "space title" as per the screenshot:
   
5. Now add the pages you've created like: Random, Top Viewed, Top Commented, etc.
6. After setting up your menu, scroll down to the bottom of the page and assign the menu to the "Home Links Navigation" Theme Locations at the bottom, as per the screenshot and Click the Save Menu button:
   

MailChimp Configuration

This plugin helps you grow your MailChimp lists and write better newsletters through various methods. You can create good looking opt-in forms or integrate with any existing form on your site, like your comment, contact or checkout form.

1. Install the plugin and activate it.
2. Go to Dashboard > MailChimp > Form and paste this:
   

   <div class="subscribe-widget">
   <h3>Stay up to date with the latest Themes via email. We hate spam!</h3>  
     <input type="email" name="EMAIL" placeholder="Your email address" required />
     <input type="submit" value="I'm in" />
     <p><input name="AGREE_TO_TERMS" type="checkbox" value="1" required=""><span>I have read and agree to the terms.</span></p>  
   </div>
    								

3. Now go to Appearance > Widgets and drag the widget "MailChimp Sing-up Form" to the custom siderbar you want to use.
4. You can add your MailChimp API via Dashboard > MailChimp > MailChimp, after you've added your API key, click "Save Changes".

First, you’ll need to install the plugin “Multi-column Tag Map“"

Tag Index

Create a page from Dashboard > Pages > Add New and paste this code:

[mctagmap columns="4" show_navigation="yes" hide="yes" num_show="4" more="more »" toggle="« less" show_empty="yes" name_divider="|" count_order="DESC"  tag_count="yes" exclude="2009, exposition" descriptions="no" equal="yes" manual="" basic ="no" basic_heading="no" show_categories="no"]
							

Categories Index

Create a page from Dashboard > Pages > Add New and paste this code:

[mctagmap columns="4" show_navigation="yes" hide="yes" num_show="4" more="more »" toggle="« less" show_empty="yes" name_divider="|" tag_count="yes" count_order="DESC" exclude="2009, exposition" descriptions="no" equal="yes" manual="" basic ="no" basic_heading="no" show_categories="yes"]
							

Users Index

Create a page from Dashboard > Pages > Add New and paste this code:

[mctagmap columns="4" show_navigation="yes" hide="yes" num_show="4" show_empty="yes" name_divider="|" count_order="DESC" author_avatar_linked="yes" show_authors="yes" author_avatar="300"]
							

DCO Comment Attachment allows your visitors to attach images, videos, audios, documents, and other files with their comments. They will also be able to automatically embed links from Youtube, Facebook, Twitter, and other services in the comment text.

1. Install and activate the DCO Comment Attachment plugin.
2. Go to Dashboard > Plugins
3. Add new and in the search box, write “DCO Comment Attachment” and click “Search Plugin”. Now click and install the first plugin “DCO Comment Attachment” by Denis Yanchevskiy.
4. Go to Dashboard -> Plugins and active the plugin.
5. Go to Dashboard -> Settings -> DCO Comment Attachment Settings, and from “Attachment image size” choose “Foodmagi-wp-thumbnail-comments, Size: 350×0, Crop: Yes” and from “Maximum upload file size” change the maximum upload file size as per screenshot:
   
   
   
6. From the Permissions section, select only the allowed file types as per the screenshot:
   
   
   

AJAX Login and Registration modal popup

1. First navigate to Plugins > Installed Plugins > Click Add New
2. Search for "AJAX Login and Registration modal popup + inline form" the first plugin and click "Install Now".
3. The link of the plugin: https://wordpress.org/plugins/ajax-login-and-registration-modal-popup/

Add login/register modal to your menu

1. Create a custom menu with any label, for example Login as per screenshot:
2. Make sure to add # to your text, for example #login #account #etc
3. Make sure to add the CSS Classes "lrm-login" and that's it, save your menu.

Configure login/register plugin:

1. Go to Settings > Login/Register Modal > Actions/Redirects:
   
   I'm using the free version on the demo, and it depends on the new updates made by the plugin author, this option can be free or premium, in order to Redirect to a page you choose. The one that will work and it will be Free, is the "Reload (refresh) page" and this is what we need.
2. Via Settings > Expressions, you can change the default words.

Sign in page:

1. Go to Dashboard > Pages > Add New:
2. Name it "Sign in" or whatever and from the right on Page Attributes choose "Template - Half Page" and add this shortcode:

   [lrm_form default_tab="login" logged_in_message="You are currently logged in!"]
   						      

   
   

New account page:

1. Go to Dashboard > Pages > Add New:
2. Name it "New account" or whatever and from the right on Page Attributes choose "Template - Half Page" and add this shortcode:

   [lrm_form default_tab="register" logged_in_message="You are currently logged in!"]
   						      

   
   

ID of a page:

1. Go to Dashboard > Pages > Sing in
2. Hover the Sing in page, and to the left you'll see the full link, and the number that you see in the link is the ID of that page. You'll need the ID for the configuration of the Favorites plugin.
   

WooCommerce Configuration

Whether you’re launching a business, taking brick-and-mortar retail online, or developing sites for clients, use WooCommerce for a store that powerfully blends content and commerce. WooCommerce is the world’s most popular open-source eCommerce solution.

1. Install and activate the WooCommerce plugin from here: https://wordpress.org/plugins/woocommerce/
2. Go to Appearance > Customize > WooCommerce > Product Catalog.
3. Change "Products per row" with 3 and "Rows per page" with 2, as per screenshot and click "Publish".

Option 1: The Beginners Option

Here’s the most simple way of updating your WordPress theme that’s purchased from ThemeForest::

1. We need an easy way of overwriting the theme files, since WordPress doesn’t support this, we need a plugin, install this plugin: https://wordpress.org/plugins/easy-theme-and-plugin-upgrades/
2. Go to the downloads page of your ThemeForest account here: http://themeforest.net/downloads
3. Find the theme you’re updating from the list, click the big green “download” button once, and from the drop down menu choose “installable WordPress file only”
   
4. Upload the downloaded zip file to your WordPress installation via “appearance” -> “themes” -> “add new”, just like you did when you first installed the theme.
5. Thanks to the plugin mentioned in step 1, you’ll now get an “upgrade existing” option after uploading your theme, without the plugin you’d just get an error.
6. There you go, you’ve updated the theme!

Option 2: The Automatic Option

Envato offer an automatic update solution for ThemeForest themes by using “Envato Toolkit”, see the full details of this here: http://www.wpexplorer.com/envato-wordpress-toolkit-guide/

Option 3: The FTP Upload (Advanced Users)

Another way to update your theme is via FTP, that is, you connect to your server and manually overwrite the theme folder. To do this grab the theme files mentioned from Option 1, with these in hand, unzip the file you have, you should have a folder just called THEMENAME (being the name of your theme)

Now the next step is simple, connect to your server via FTP (if you don’t know how to do this, use option 1) navigate to /wp-content/themes/, do not just overwrite the theme folder – here’s why. In previous updates to my themes, files have been deleted or relocated, if you just overwrite the folder then these files will remain, this can cause issues (especially with WooCommerce), here’s what you should do instead: Delete the THEMENAME folder that’s on your server, and then re-upload the new THEMENAME folder, this ensures that your new theme is 100% correct.

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency, so please be patient, polite and respectful.

• * Responding to questions or problems regarding the item and its features
• * Fixing bugs and reported issues
• * Providing updates to ensure compatibility with new software versions

• * Customization and installation services
• * Support for third party software and plug-ins

Support requests are being processed on business days Monday to Friday from 8:00 to 17:00 (GMT +2) within 24h in the order they were received:

Submit a support ticket My Portfolio

• * Make sure your question is a valid Theme Issue and not a customization request.
• * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
• * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
• * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake or make a clean install of the theme.
• * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
• * Make sure to state the name of the theme you are having issues with, when requesting support via ThemeForest.