Foodica – Modern Layout Setup Guide

This article refers to Foodica (PRO)

Foodica 5.1 introduces Modern, a second block-based homepage built on top of the Minimal foundation. Where Minimal is stripped back and editorial, Modern is warmer and more visual — category thumbnails, collection cards with cover images, a “Featured Categories” band, an About section, and a dark rounded newsletter card. It’s fully block-based (no sliders, no widgets) and uses the new Responsive Columns feature to keep everything tidy on mobile.

View live demo →

Three ways to set it up

A. Full Demo Import (recommended for new sites)

Go to WPZOOM > Demo Importer.
Choose the Modern demo.
Click Import Demo Content.
After import, you can edit the front page sections using the block editor.

This imports pages, posts, images, menu locations, and widget areas that match the demo.

B. Use the “Modern” Homepage Pattern (recommended for existing sites)

If you already have posts and don’t want a full import:

Create a new page called Homepage.
In the block editor, click the [+] inserter, switch to the Patterns tab, and search for Homepage (Modern).
Insert the pattern — all sections appear pre-configured (Categories, Featured Categories, Popular Recipes, Search, Collections, Trending, About, Recent, Newsletter).
Replace the category/collection placeholder links and images with your own. The Query Loop blocks will pull your real posts automatically.
Go to Settings > Reading and set this page as the front page.

C. Apply Modern Styling Only

If you want the Modern look-and-feel without the block homepage:

Go to WPZOOM > Demo Importer.
Select the Modern layout.
Scroll to the bottom and click on the Import Styles Only button

Migrating from the classic (widget-based) homepage

Create a new Blog page (empty) to hold your posts archive.
Create a new Homepage and insert the Homepage (Modern) pattern (see Option B above).
Update Reading Settings — Homepage displays → A static page → set Homepage + Blog accordingly.
Switch to Modern styling in Theme Options if you haven’t already.
Optional cleanup — deactivate any classic-homepage widgets you no longer need under Appearance > Widgets.

Note: Your existing posts, categories, recipes, and media library are not affected. You can revert at any time by switching Reading Settings back to the old homepage.

Homepage sections reference

Section	What it does	How to customize
Categories	5 rounded thumbnails linking to top category pages	Click any image → replace with your own; update the category link in the paragraph below
Featured Categories	4-column highlight band with headings	Swap images and heading text; change links to your own taxonomy pages
Popular Recipes	Query Loop (4 posts, grid) ordered by date	Adjust post count, order, or taxonomy filter in the Query block sidebar
Search	Rounded search bar + “Browse full recipe index” link	Change the placeholder text in the Search block; edit the browse link
Collections	3 Cover blocks with overlay + “N recipes” labels	Replace cover images; edit headings and counts
Trending Recipes	Query Loop (8 posts, grid) with “View All” button	Change orderby in the Query block; point “View All” to your archive
About	Portrait + short bio + CTA button	Replace the portrait image; rewrite bio; point button to your About page
Recent Recipes	Query Loop (4 posts, ordered by title)	Swap order/taxonomy in Query sidebar
Newsletter	Dark rounded card with WPZOOM Forms embed	Edit form ID in the embed block; or replace with your ESP’s shortcode

Responsive Columns

The Modern homepage uses the built-in Responsive Columns controls on each Columns and Query Loop (Grid) block. Select any such block and open the sidebar panel of the same name to set the number of columns on mobile (portrait) and tablet (portrait) independently. Two columns on mobile is the default — no custom CSS needed.

Recommended plugins

Plugin	Purpose	Required?
WPZOOM Recipe Card Blocks	Structured recipe cards with ratings, schema, and video	Recommended
WPZOOM Forms	Newsletter signup block used in the demo	Recommended
WPZOOM Social Icons Widget	Header/footer social links	Optional

FAQ

Can I switch back to the classic homepage?
Yes. Change Settings > Reading → Homepage displays back to your previous page or to “Your latest posts” at any time.

Will this affect my existing recipes and posts?
No. Modern only changes the homepage layout (and, if you choose, the global style preset). All post content is untouched.

Do I need a page builder?
No. Modern is 100% core blocks plus two small WPZOOM blocks (Recipe Card, Forms). Works in the built-in block editor.

Is the Modern layout compatible with the Minimal layout?
Yes — both are block patterns. You can mix sections from different pages.

Last updated on April 19, 2026