pinterest design

A good pizza place needs attractive and informative pizza menu. Have a look at a pizza menu we created with FW Food Menu. A live version is available on FW Food Menu Pizzeria showcase demo.

Reading time: 10 mins. 
Implementation time: 50 mins.

Check out our Pizzeria restaurant Guide for more details on configuring Pizzeria menu. The pizzeria menu should be intuitive, well-organized, and attractive so the customer could be inspired by your menu and easily find out what’s included into a desired Pepperoni pizza.

Our Pizzeria menu is a great example of an effective and good-looking 3 columns menu with beautiful meals images, stylish meals backgrounds, tiered pricing, and descriptions of ingredients. You can create the same pizza menu all by yourself, and you don’t need to be a professional. This showcase can be a good fit to any other fast food restaurant type -  fish and chips, sandwiches, hamburgers, tacos, ice cream, etc. The only difference will be in meals’ types and the number of categories you will need to create. We will describe the page of the menu, its elements, and the business idea behind each element. Make sure to understand that to proceed with creating the same menu you need to prepare media content and install FW Food Menu to your Joomla website. To learn how to get started with FW Food Menu, review Getting started documentation page. If you have media content and FW Food Menu ready, it takes less than one hour to create a similar online menu. The overall process for creating such a menu looks as follows:

1. Prepare media content - images of different pizza types (30 mins).
2. Install FW Food Menu to present your online menu with a simple and elegant design that fits your pizza place (5 mins).

3. Display all meals to show their images, pricing, portion sizes, and descriptions (40 mins).
4. Configure promo options to highlight and style specific meal items (5 mins). Let’s review the Pizzeria restaurant menu we created below. Pizza menu page

Pizza menu page

A pizza menu should be colorful with appetizing images and complete details. A customer should be able to look through the menu before they start ordering. Make sure you have a clear list of the meals you have on offer. Aside from a clear list, it is also a great tool that you can promote your meals with.

This page is created based on the Menu layout allowing to display a category along with meals included in this category on the same page. The meals are arranged in three columns and each meal has a list of ingredients, available sizes and respective price for each size. Some of the meals are marked with Recommended and New promo emphasizing that the meal is worth paying attention to. Let’s review each element of the menu below:

1. Page title. A title of the Pizzeria restaurant.

2. Menu section title. A clear title of the menu section. You can add as many menu sections as it is provided by your menu.

3. Menu section description. We added a text and image for a menu section description. You can add either of them or both.

4. Meal. Meal referring to the Pizza category.
5. New promo. A new meal highlighted with a blue label. You can choose between 4 promo options - Special, Recommended, New, and Meal of the Day. Each promo is styled differently.
6. Meal background image. We placed a paper styled background image for each meal. Aside from a background image, you can set a background color.
7. Meal image. An appetizing meal photo attracting the eye.


8. Meal title. A beautifully styled and easy-to-find meal title.
9. Meal description. A description of meal ingredients to provide your customers with more details.

10. Prices and sizes. Clear pricing terms outlining meal sizes and corresponding prices for each size.

Our Pizzeria menu features a simple layout and design, allows to emphasize specials, style meals with beautiful background images and color, and many more. We have clearly outlined all the steps for creating such a menu in our Pizzeria Restaurant guide. Should you have any problems while configuring the menu, feel free to ask questions in the comments section at the bottom of the documentation page or contact us using General Questions form in your Client Section.

The new FW Gallery is a feature-rich component with many new powerful solutions. Now it is an entirely new component with grids, designs, file info display effects, and on hover effects independent from each other. The additional features such as video display, import/export functionality, tags functionality, etc. are implemented via Add-ons (FW Gallery specific functional extensions, data types and designs) allocated in its own section in Admin Panel. 

The new FW Gallery has become more flexible, attractive, and easy to use. Let’s take a look at top 10 innovations.

Gallery display settings moved to gallery level

Earlier galleries display settings could be configured at menu item level or in global settings. It caused inability to differently configure multiple galleries assigned to one and the same menu item. Now all gallery display settings are configured at gallery level or in global settings. In other words, each gallery can be configured individually even though being assigned to one and the same menu item. There is a certain secession in settings priority. Local settings have priority over parent settings while parent settings have priority over global configuration.

Documentation reference: Gallery settings.

Add-ons enhancing FW Gallery capabilities

All advanced functionality is re-designed via a straightforward and user-friendly add-ons concept. FW Gallery capabilities can be enhanced via multiple add-ons installed on top of the main component. All add-ons are managed from one place, the Add-ons section. If the add-on is enabled, its configuration section appears in the Add-ons tab of the global configuration section. Each add-on has its banner, icon, and configuration.

Reference materials: New FW Gallery concept: platform with add-ons article.

6 designs

Galleries can be styled with 6 responsive and elegant designs. Starting from a standard built-in Bootstrap design that is available for free you can get 5 more coming as separate add-ons - Fancy, Palaloid, Beauty, Classic, and Pinterest.

Each design has been revised and enhanced. Design settings apply to grids and gallery/file info display settings. All extra designs can be configured either at gallery level or in global gallery settings.

4 grids

FW Gallery grids offer many ways for showcasing your galleries. Now grids are independent from designs. Galleries (categories) view can be assigned a Standard grid only while files listing view may be assigned either of 4 grids:

• Standard. Classic gallery grid placing images in a conventional way.

• Justified grid. Automatically balances images of different sizes horizontally to form a seamless and attractive gallery grid.

• Waterfall. A fluid and dynamic grid arranging images of different height vertically. Couples perfectly with infinite scroll via Ajax pagination.

• Custom grid. Allows displaying multiple images of different sizes around enlarged image.


7 gallery/file info display options

There is a choice of 7 gallery/file info display positions coming as a built-in feature within a free package. It is a simple way to add an interesting appeal to your gallery based website. Gallery info and files info options work independently from each other. For example, the top-level gallery may have Top gallery info display position while its images listing may have Over slide up file info display position.

2 on hover effects and video autoplay

Reveal a thumbnail image in creative ways when being hovered. Now Ken Burns and Enlarge image on hover effects are available as separate settings independent from designs settings. This is a built-in feature coming within a free package. The effects can be set at both gallery and global settings levels as well as applied to the gallery and file listing thumbnails. For video files, video autoplay is applied. Thus, a video is automatically played on hover animating your galleries and attracting visitors’ attention.

Each gallery can be styled individually

Since gallery settings moved to the gallery level, you can set a specific configuration for each gallery displayed on the same page. For example, a top-level gallery may have Fancy design, Justified grid, and gallery description placed at the top while its child gallery may be styled with Classic design, Standard grid, and bottom gallery description. At the same time, the other gallery on the same page may have Pinterest design, Custom grid, and left gallery description at the top level and Polaroids design, Waterfall grid, and hidden gallery description at the child level.

Carousel module is back

Carousel module adds an advanced carousel slider on your gallery pages. The module settings let you choose a gallery and number of images to be displayed,  hide scroll buttons, place it horizontally or vertically on your gallery pages, and many more.

FW Gallery module is a new enhanced FW Gallery Content Plugin

Now you can insert galleries and files anywhere on your website via different module positions or within the articles as well as customize them to your taste just as any other gallery. For example, configure the design, grid, file info, on hover effects, and many more. FW Gallery module is an advanced prototype of the former Content plugin.

Instagram photos and videos import

Now your website gallery can be synchronized with your Instagram gallery using Instagram Import. The add-on allows to easily display your Instagram videos, photos, and posts on your gallery website.

Reference materials: 

• Importing Instagram content to Joomla website with FW Gallery article 
• Instagram Import documentation page.

The new FW Gallery is a powerful solution for gallery websites. The previous structure remained unchanged for years, so we made this revolutionary move that had been nursed during all these years. Now it is implemented. If our customers encounter some issues while working with the product, we hope they will raise them in their bug reports via the Client section. Help us to improve by sharing your experience with our new product. Feel free to submit your feedback on our new concept and architecture using Suggest an Idea form in your client section.

Get familiar with FW Gallery documentation to find more information about our product. Please use the comments section at the bottom of each documentation page to comment and suggest improvements that will make the product experience better.