Foodica – Setting up the Homepage using Elementor
Finally, starting with Foodica 3.1.0, you can easily edit the front page using Elementor. This means that you get complete control over what sections are included and their position.
The Classic layout in Foodica is a great way to get started in no time, as it automatically displays the slider and the most recent posts. However, being able to customize the front page using Elementor will take your website to the next level.
Below we’ll explain how to set up your front page using Elementor.
1. Create the front page & choose the right Page Template
The theme includes several Page Templates to create pages, but we recommend you to use the following one:
– Full-width Page (Page Builder)
Here are some advantages why you should use a Page Builder to create your homepage:
– A page builder gives you more control and flexibility: full-width sections, image, and video backgrounds;
– Custom sections with different number of columns;
– Easily adjust design options of each section, column, or widget individually: margin, padding, fonts, etc.
– Advanced tools like Import/Export, templates, etc.
Now that the differences are known to you let’s proceed to the first step.
First, create a new page or edit an existing page (e.g. your current static page) and make sure to select the right Page Template:
2. Assign the new page as your Front Page
Once you’ve published or edited the page you want to use as your front page, go to Settings > Reading page and select your page in the option: “A static page > Homepage“:
3. Start building with Elementor!
Now that the right page with the correct template is assigned as your front page, you can import the homepage layout.
The Slideshow at the top is a part of the theme, so the content can’t be edited or added using Elementor.
In this article, you can find out how to display specific posts in the slider.
If you selected to build your homepage using the Page Builder, go back to edit that page, and click on the blue button “Edit with Elementor“:
If you don’t see this button available, the Elementor plugin is probably not installed or active on your website.
If you haven’t loaded the theme’s demo content and want to start building your website from scratch, importing a layout would be one of the starting points.
Click on the blue W icon (WPZOOM Library) in Elementor to load the homepage template.
If you don’t see this icon, please install the Elementor Addons by WPZOOM plugin.
Choose the homepage template and click on the Insert Template button.
If you’re new to the Elementor page builder, this Getting Started guide could be of help.
- Foodica – Activating License Key
- Foodica – Changelog
- Foodica – Overview, Demo Content Importer, Quick Specs
- Foodica – Setup Video Tutorial
- Foodica – Recommended Image Sizes & Optimizations
- Foodica – Recommended Plugins
- Foodica – Free version vs. Premium version (PRO)
- Foodica – Upgrade from the Free version to Foodica Premium (PRO)
- Foodica – PageSpeed & Core Web Vitals Recommendations ⚡️
- Foodica – Setting up the Homepage using Elementor
- Foodica – Classic Layout vs. Elementor
- Foodica – Recipe Index Page (Elementor)
- Foodica – How to add Recipe Cards
- Foodica – Customizations: Logo, Colors and Fonts
- Foodica – Social Icons in the Header
- Foodica – Configure Homepage Slider
- Foodica – Image Box widget (3 columns)
- Foodica – How to Make a Sticky/Featured Post
- Foodica – Recipe Index Page
- Foodica – How to Add Affiliate Disclosure
- Foodica – Infinite Scroll
- Foodica – Add Related Posts, Tiled Galleries and other Jetpack Features
- Foodica – Change Post Styles
- Foodica – Configure Mobile Menu
- Foodica – Configure Widgets
- Foodica – Tabs Section in Sidebar with Popular Posts
- Foodica – Instagram Bar in the Footer
- Foodica – How to add Advertising Banners
- Foodica – Known Issues & Fixes
- Foodica – FAQ