OLIVA BISTRO TEMPLATE

Template Instructions

Template Instructions

Template Instructions

Use this page as the buyer guide for editing the CMS menu, replacing sample restaurant content, and customizing the home page styles from the right side panel in Framer.

Use this page as the buyer guide for editing the CMS menu, replacing sample restaurant content, and customizing the home page styles from the right side panel in Framer.

Use this page as the buyer guide for editing the CMS menu, replacing sample restaurant content, and customizing the home page styles from the right side panel in Framer.

Connect the Menu Items CMS

Connect the Menu Items CMS

Connect the Menu Items CMS

All dishes, prices, categories, dietary icons, featured states, images, and menu detail pages are powered by the Menu Items collection. Buyers can edit the collection without rebuilding the page layouts.

All dishes, prices, categories, dietary icons, featured states, images, and menu detail pages are powered by the Menu Items collection. Buyers can edit the collection without rebuilding the page layouts.

01

Edit each dish row

Open the Menu Items collection and update the menu item name, description, price, location, menu section, and dietary toggles. Slugs power the detail page URLs.

02

Connect images

Replace the Menu Main Image and Menu Gallery fields with optimized restaurant photography. The menu list and detail page automatically use those images.

03

Keep sections organized

Use the Menu Section and Option fields to place items in the correct filtered lists. Empty states are included if a buyer removes all items from a category.

Editable styles on the Home page

Editable styles on the Home page

Editable styles on the Home page

Colors

Colors

Select Home page sections to adjust the warm text color, border color, dark background, button fills, and subtle transparent card surfaces from the style controls in the right side panel.

Typography

Typography

Headlines use the refined restaurant serif treatment, while supporting copy uses a clean sans-serif. Buyers can select any text layer and edit size, alignment, line height, spacing, or copy directly.

Images

Images

The Home page image panels can be selected and swapped from the fill controls. Keep similar crops for the best composition, and upload reasonably sized files for faster loading.

Components

Components

Navigation, buttons, menu cards, and footer elements are reusable components. Edit their exposed text, links, variants, and styling controls from the side panel when selected.

Before publishing

Before publishing

Before publishing

• Replace sample restaurant copy, address, phone number, and reservation details.

• Update every Menu Items collection row and confirm each item detail page opens correctly.

• Review Desktop, Tablet, and Phone breakpoints after replacing images or changing text length.

• Update site metadata, favicon, social image, and any third-party booking or map embeds before launch.

Create a free website with Framer, the website builder loved by startups, designers and agencies.