Foodz – Pizza, Fast Food Delivery & Restaurant WooCommerce Theme
Amazing Fast and Simple. Easy to Use.
created: 28 April 2019
latest update: 28 April 2019
version: 1.0
by: Park of Ideas
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this Documentation, please feel free to contact our support team. Thanks so much!
Installing Theme and plugins
You can install this WordPress theme using two installation methods:
Using WordPress Administration Panel
Copying theme files via ftp
METHOD 1 (Normal)
Using foodz.zip found in ZIP file you downloaded from TemplateMonster.com you should perform the following steps:
Login to WP admin
Go to WP Dashboard → Appearance → Themes option and click on it to load new page
Select Install Theme tab at the top of the panel to load new page
Click on Upload Theme button at the top of the panel to load new page
Click on Browse button and locate foodz.zip on your file system
Click on Install Now button
Once installation is complete click the button Install and Activate to install and activate required theme plugins
On the next step you will see theme’s splash screen with 3 buttons.
If you need additional plugins (such as Instagram feed, or MailChimp subscription) to extend the functionality of the theme, click the Install plugins button.
If you don’t need additional plugins, click on the Import demo button to import demo data your website.
After Importing Demo data you can customize theme, clicking on Customize button or go to WP Dashboard → Appearance→ Customize
METHOD 2 (Using FTP)
Using foodz directory found inside of foodz.zip file located inside ZIP file you downloaded from TemplateMonster.com you should perform the following steps:
Using FTP client you should login to server where your WordPress web site is hosted
Using FTP client you should navigate to /wp-content/themes/ directory under your WordPress web site’s root directory
Using FTP client upload foodz directory to themes directory on remote server
Once installation is complete you can activate Foodz theme here: WP Dashboard → Appearance → Themes
Import Demo
After you click Import Demo button you should choose one of 6 demo to Import the content and theme options. You can open Import Demo page from WP Dashboard → Appearance → Import Demo Content as well.
Click All data checkbox and Import attachments, after that click Import and wait several minutes while demo content importing.
Theme Customizing
After importing Demo Content go to WP Dashboard → Appearance → Customize and start customizing theme.
Colors
To customize how your website looks, including background color and accent color navigate to WP Customize Panel → Colors
Choose Accent Color Preset or Choose it from the color palette
Choose Background Color or use your own background color
Background Image
You can fill website background with image, navigate to WP Customize Panel → Background image and upload image and choose options you need.
Choose Image position and Image size
Click Repeat Background Image and Scroll with Page if you need this options
Logo and site identity
Navigate to WP Customize Panel → Site Identity and enter the Sitename and Tagline here.
Upload your logo (PNG, JPG, SVG) here as well.
Upload your favicon (Site Icon) as well. Site icon should be square and at least 512 x 512 pixels.
Fonts
Navigate to WP Customize Panel → Fonts and set fonts for titles of your website.
General Theme Settings
Go to WP Customize Panel → General Theme Settings and choose Header type, Sidebar position, Post layout and design and some other options.
Menu
Main menu
Edit your navigation menu through the “Appearance → Menus” options.
If you want to activate Mega Menu you should choose how many columns do you want in Submenu Type dropdown list.
Choose the icon for the top level menu item or upload custom icon (PNG, JPG or even SVG)
Top menu
You can use Top menu in the top header panel of your website. Choose and start editing “Top menu”.
After you create the top menu, check “Top menu” box at the bottom and save.
Homepage
Navigate to WP Customize Panel → Homepage Settings and choose Your latest posts. Or you can change the homepage, just click A static page option and select the page to make it the Homepage of your website.
Front Page Builder
General settings
Go to WP Customize Panel → Front Page Builder. Here you can switch on/off and drag&drop different front page blocks, such as Slider, Banners, Posts etc.
Big Banner
Here you can set the title, subtitle and button text
Choose the text align
Enter the link
Upload the image for your banner
Set the image position and size
Check the box if you want Parallax effect on the banner
Set colors of text and button
Set background color
Check “Boxed view” if you don’t want it fullwidth
Check “Add top margin” if you use this block not at the very top of the page.
Check “Add top and bottom padding” if you want bigger banner
To add your Instagram feed you should enter your Instagram Access Token (link is provided). You can also choose the size of thumbnails and fullwidth or boxed view.
Blog Posts
Use these blocks for blog posts listing.
HTML block 1 and 2
Use these blocks for any HTML code you want.
Shortcode block 1 and 2
Use these blocks for any shortcodes from any WordPress plugins you use in your website. It can be the map or contact form or gallery or whatever you want.
Subscribe block
This block works with MaiChimp plugin. First you should link this plugin with your MailChimp account. After that put shortcode into the field. You can also set header, subheader and background color for this block.
An example of Subscribe block
Post/Page Settings
To create a new page, navigate to WP Dashboard → Pages → Add New You can enter a page title and add content. You have the option of choosing Full Width page layout via the drop-down menu on the right titled “Template”
Go to WP Customize Panel → Post/Page Settings and choose style of Page Title. Here You can also hide or show different elements of posts and pages.
Blog
Blog Page
To setup the main blog page/archive, navigate to WP Customize Panel → Homepage Settings in the WordPress admin and follow the steps below:
In the Your homepage displays section, click the A static page radio-button.
Select the page you want to use from the Posts page dropdown menu.
Finally, click the Publish button.
Blog Post
To create a new post, navigate to WP Dashboard → Posts → Add New You can enter a page title, add content, upload the featured image (thumbnail), choose linked category and put some tags
Post Settings
You can hide or show different elements of blog posts such as Date, Category, Author info etc.
Go to WP Customize Panel
Click Post/Page Settings
Choose the sidebar position at the Right or Disable sidebar
Click on option if you want to hide element from blog posts and pages
WooCommerce
WooCommerce Kidz Settings
Go to WP Customize Panel → WooCommerce → Foodz Settings
Set how many days you want to display NEW badge for new products
Check “Quick view” box if you need this option
Check “Product modal gallery on product page” box if you need this option
Switch on / off product navigation on same category
Switch on / off star rating
Wishlist
Create new page Wishlist first: WP Dashboard → Pages → Add New
Go to WP Customize Panel → WooCommerce → Foodz Settings
Choose Wishlist option (and Wishlist Share if you want to share Wishlists)
Choose Wishlist page from the list (that you recently created)
Click Save and Publish button.
Done! Now you have Wishlist on your website
Footer
To customize the footer please navigate to WP Customize Panel → Footer
Choose the design of your footer
Choose color theme (light or Dark)
Put the logo image for footer
Add contacts or another information to the text box
Add Copyright
Choose Text color and Background color for the footer
Widgets
Theme comes with 2 custom widgets
1. Custom About Me Widget
Go to WP Customize Panel
Click Widgets
Click Sidebar
Click + Add a Widget button
Choose Custom About Me Widget
Put title, About me Text, linking URL and Read More text
Upload images for Avatar and sign
2. Custom Latest Posts Widget
Go to WP Customize Panel
Click Widgets
Click Sidebar
Click + Add a Widget button
Choose Custom Latest Posts Widget
Put title and choose category (or you can show posts from all categories)
Enter the number of posts to show
Performance
Use this options to improve speed of your website. Navigate to WP Customize Panel → Performance and check all 3 checkboxes.
Translation
Samui Theme is translation and multi-lingual ready.
You can translate Samui theme using two methods:
1. Loco translate Plugin
2. PO Edit application:
To translate the static strings, we recommend to download PO Edit application from http://www.poedit.net/. Once you have installed please follow the steps below:
Open the /foodz/languages/ folder where you will find 2 files: foodz-theme-functionality.pot and samui.pot.
Then you will need to open each .po file in PO Edit. Once opened, you will see all strings that needs to be translated. Type the translation of a string into the “Translation” column. Do not delete or edit “Original string” part.
You should not translate all strings in this files, you can just leave some strings as they are in the original language. Remember that strings that you have not translated will appear in English in your site.
When you finish translating, save the files. This will create an .po and .mo file in the same directory. Name of each file should consist language code (for example de_DE or ru_RU). Name of files should be like this:
foodz-theme-functionality-de_DE.mo
foodz-de_DE.mo
After that upload new files into the language folder of the theme /wp-content/themes/foodz/languages/, or /wp-content/themes/foodz-child/languages/ if you use child theme
Theme Updating
There are a couple of different ways to update Samui WordPress theme to the latest version:
Manually Install the Update
To manually install a new version of the theme:
Backup the current version of the theme.
Delete the old version and reinstall the latest version. You should have an FTP access for this.
NOTICE: If direct customizations have been made to the parent theme, they will be overwritten when the theme is updated. The recommended way to apply theme file customizations is to use a child theme.
