Themes 2.0 Updates with 60+ New Page Builder Layouts

  • Anne and Sergej
  • Themes

Today, all our 33 theme packages for YOOtheme Pro received a huge update which we've been working on the last months. We completely reworked and optimized all theme packages so they make use of dynamic content and all the latest features of YOOtheme Pro. All blog and post pages are now templated with the page builder, so there are over 60 new layouts in the layout library. In addition, all existing 260+ page and footer layouts are reworked using the latest layout options and much more. Some theme packages even got a completely new content structure with custom fields and templates for their category and post pages. So now you have tons of new layouts for your dynamic websites. Excited? Let's take a look.

Make sure to subscribe to our YouTube channel and join our Discord Chat Server for all news and discussions.

60+ New Blog Layouts

Before YOOtheme Pro 2.0 there were only limited layout options for the blog. Now you can use the YOOtheme Pro page builder to create templates for the blog and post pages. That's why we completely redesigned the blog for all YOOtheme Pro theme packages we've built so far! The 60+ new index and post layouts take full advantage of the page builder and give you a lot more diversity. Just load your favorite layout from the layout library, map your fields and enjoy the full power of dynamic content in your YOOtheme Pro site.

Post Index Layouts

Here is an overview of all new Post Index layouts.

Kitchen Daily Post Index Layout

Kitchen Daily

Creative Hub Post Index Layout

Creative Hub

Framerate Post Index Layout

Framerate

Design Bites Post Index Layout

Design Bites

Matthew Taylor Post Index Layout

Matthew Taylor

Soda Post Index Layout

Soda

Makai Post Index Layout

Makai

Balou Post Index Layout

Balou

Yoko Post Index Layout

Yoko

Tomsen Brody Post Index Layout

Tomsen Brody

Craft Post Index Layout

Craft

Trek Post Index Layout

Trek

District Post Index Layout

District

Flow Post Index Layout

Flow

Summit Post Index Layout

Summit

Yard Post Index Layout

Yard

Nioh Studio Post Index Layout

Nioh Studio

Pinewood Lake Post Index Layout

Pinewood Lake

Vision Post Index Layout

Vision

Florence Post Index Layout

Florence

Lilian Post Index Layout

Lilian

Morgan Consulting Post Index Layout

Morgan Consulting

Jack Baker Post Index Layout

Jack Baker

Juno Post Index Layout

Juno

Vibe Post Index Layout

Vibe

Copper Hill Post Index Layout

Copper Hill

Sonic Post Index Layout

Sonic

Fjord Post Index Layout

Fjord

Joline Post Index Layout

Joline

Max Post Index Layout

Max

Horizon Post Index Layout

Horizon

Fuse Post Index Layout

Fuse

Post Layouts

Here is an overview of all new Post layouts.

Kitchen Daily Post Index Layout

Kitchen Daily

Creative Hub Post Index Layout

Creative Hub

Framerate Post Index Layout

Framerate

Design Bites Post Index Layout

Design Bites

Matthew Taylor Post Index Layout

Matthew Taylor

Soda Post Index Layout

Soda

Makai Post Index Layout

Makai

Balou Post Index Layout

Balou

Yoko Post Index Layout

Yoko

Tomsen Brody Post Index Layout

Tomsen Brody

Craft Post Index Layout

Craft

Trek Post Index Layout

Trek

District Post Index Layout

District

Flow Post Index Layout

Flow

Summit Post Index Layout

Summit

Yard Post Index Layout

Yard

Nioh Studio Post Index Layout

Nioh Studio

Pinewood Lake Post Index Layout

Pinewood Lake

Vision Post Index Layout

Vision

Florence Post Index Layout

Florence

Lilian Post Index Layout

Lilian

Morgan Consulting Post Index Layout

Morgan Consulting

Jack Baker Post Index Layout

Jack Baker

Juno Post Index Layout

Juno

Vibe Post Index Layout

Vibe

Copper Hill Post Index Layout

Copper Hill

Sonic Post Index Layout

Sonic

Fjord Post Index Layout

Fjord

Joline Post Index Layout

Joline

Max Post Index Layout

Max

Horizon Post Index Layout

Horizon

Fuse Post Index Layout

Fuse

260+ Layouts Updated

We reworked over 260 existing page and footer layouts. They now make use of the new advanced row and column options we introduced with YOOtheme Pro 2.1, in particular for 5-column layouts and different gap sizes. They also use the improved visibility setting which allows you to hide elements. We also optimized all heading outlines providing you with optimal HTML structure for SEO. In addition, we added a tiny JavaScript to all footer layouts which shows the current year right besides the copyright information, so there is no need to update it manually every year. Of course, all layouts can be found in the layout library and loaded into your site with just a click.

Demo Content

All theme packages received new demo content. We added many blog posts with new images that you can find in the updated YOOtheme collections in the Unsplash image library. Blog posts shown on other pages, like the home page, are now loaded using dynamic content. In some cases we even added custom fields for the post and the user.

Balou, Yoko and Fjord Rebuilt

Three theme packages used static layouts for pages where they should load dynamic content instead – Balou, Yoko and Fjord. That's why we rethought their content structure just like we do with new theme packages which make extensive use of dynamic content. They now have additional post types with custom fields and templates for their category and post pages. Let's go through them one by one.

Balou - The E-commerce Shop

The Balou theme package is an E-commerce shop and comes with an additional Product content type and 3 templates.

Product Index Layout

Product Index

Product Category Layout

Product Category

Product Post Layout

Product Post

Page Description
Products The Products page displays all products in varied grid layout switching between one- and three column grids.
Product Category Category pages show products in one- and two-column layouts.
Product Post The Product page gives a quick introduction of the product including the images, description, size and delivery information positioned side by side. There are also FAQs, benefits and related products.

Products are organized in a one-level category hierarchy. Altogether there are 26 products sorted into 5 categories. The Product content type has 21 custom fields. This includes teaser fields of the product, product images, description, delivery information and more.

Product Field Type (J) Type (WP) Description
Intro Image - image Intro image used on the index page
Intro Image Landscape media image Alternative intro image used on the index page
Intro Image Landscape Alt Text text - Intro image alt text
Intro Image Landscape Hover media image Alternative intro image used on hover on the index page
Intro Image Landscape Hover Alt Text text - Intro image alt text
Teaser Image BG Square media image Alternative image used on the home page
Teaser Image BG Square Alt Text text - Teaser image alt text
Teaser Image BG Square Text Color list select Background image text color
Teaser Image BG Landscape media image Alternative image used on the home page
Teaser Image BG Landscape Alt Text text - Teaser image alt text
Teaser Image BG Landscape Text Color list select Background image text color
Images repeatable repeater A list of product images with image and image alt text fields
Price text text Product price
Description editor text Product description
Size & Fit editor repeater Product size and fit information
Delivery editor repeater Product delivery information
Fabric text text Product fabric
Color text text Product color
Size text text Product size
Shop Link url link A link to the product's shop
FAQ repeatable repeater A list of frequently asked questions

Yoko – The Lifestyle Magazine

The Yoko theme package is a lifestyle magazine. Its default Post content type got extended with custom fields and comes with 4 templates in addition to the Index and Post templates.

Post Category Art Layout

Post Category Art

Post Category Style Layout

Post Category Style

Post Category Tech Layout

Post Category Tech

Post Category Music Layout

Post Category Music

Page Description
Art Post Category Art page shows posts in a three-column layout. Popular and sponsored posts are positioned in the bottom across all category pages.
Style Post Category Style page shows posts in a two-column layout.
Tech Post Category Tech page starts with a hero post followed by other posts of the category in a three-column layout.
Music Post Category Music pages show posts in varied grid layout switching between one- and three-columns and one- and two-columns.

Posts are organized in a one-level category hierarchy. Altogether there are 76 posts sorted into 4 categories. The default post type has 17 custom fields. This includes teaser fields of the post itself, sponsored posts and video among others.

Post Field Type (J) Type (WP) Description
Excerpt textarea - Post excerpt
Intro Image - image Intro image to show the post on the index page
Intro Image Square media image Alternative teaser image used in the home page grid
Intro Image Square Alt Text text - Teaser image alt text
Teaser Image BG Right media image Alternative teaser image used in the home page overlay
Teaser Image BG Right Alt Text text - Teaser image alt text
Teaser Image BG Top media image Alternative teaser image used in the Category Music gallery
Teaser Image BG Top Alt Text text - Teaser image alt text
Teaser Image BG Square media image Alternative teaser image used in the home page gallery
Teaser Image BG Square Alt Text text - Teaser image alt text
Teaser Image BG Text Color list select Background image text color
Sponsored Image BG media image Alternative image used to show the sponsored post on the home page
Sponsored Image BG Alt Text text - Sponsored image alt text
Sponsored Image BG Text Color list select Background image text color
Sponsored Image media image Additional image of the sponsored post used on the home page
Sponsored Video media url The video of the sponsored post used on the home page
Sponsored Video Poster media image The video poster image

Fjord - The Traveler Destination Site

The Fjord theme package is a traveler destination site and comes with an additional Destination content type and 3 templates.

Destination Index Layout

Destination Index

Destination Category Layout

Destination Category

Destination Post Layout

Destination Post

Page Description
Destination Category The Destination Category pages display all destinations in a three-column layout. There is a map that displays all dynamically mapped destinations and a list of related stories.
Destination Index Destination Index page show all destinations in a two-column layout.
Destination Post The Destination page itself gives a quick introduction of the destination including the budget, trip type, starting location, destination and more. There is also the description of the route, recommendations and similar trips.

Destinations are organized in a one-level category hierarchy. Altogether there are 30 destinations sorted into 2 categories. Destination categories have have 6 custom fields used to show them on other pages.

Category Field Type (J) Type (WP) Description
Image - image Category image used on the category page
Intro Image media image Intro image used on the Destinations page
Intro Image Alt Text text - Intro image alt text
Image BG Text Color list image Background image text color
Subtitle text text Alternative title of the category
Images repeatable repeater Category images used in the home page slideshow

The Destination content type has 13 custom fields. This includes fields like trip type, destination, estimated budget, route and more.

Product Field Type (J) Type (WP) Description
Intro Image - image Intro image to show the destination on other pages
Image BG Text Color list select Background image text color
Subtitle text text Additional title used to show the destination on the Destinations page
Destination text text Destination coordinates used for the map on the Destination Index page
Route repeatable repeater Destination route with coordinates, title and text fields used for the map on the Destination Post page
Estimated Budget text text Estimated trip budget
Trip Type text text Trip type
Duration text text Trip duration
Starting Location text text Starting location of the trip
Final Destination text text Final destination of the trip
Hotels repeatable repeater A list of hotels with title, image, link and text fields
Restaurants repeatable repeater A list of restaurants with title, image, link and text fields
Related Destinations articles relationship A list of related destinations

What's Next

We want all our theme packages to be the perfect starter kit for your projects which is why we put so much work into continuously maintaining and improving them. It's the quality we care about! So altogether there are now over 320 top-notch page layouts in the layout library.

This release is the first from many updates we have been working on the last couple of months. You can look forward to new theme packages and YOOtheme Pro updates for ZOO, WooCommerce and so much more.

Now go ahead and check out Balou, Yoko, Fjord, and all the new blog layouts. As always, we are looking forward to your feedback, so let us know what you think in the comments below.

Related



Join Now
Documentation