SUBSOLAR DESIGNS
Panino is no longer sold on ThemeForest. Your licence still stands and this documentation stays up. If your Envato support period hasn't expired, open a ticket and we'll help as usual. Once it has expired we can't take new tickets for it, and there are no further theme updates coming.

Menu, Events & Pages

Create food menus, events, reservation forms, and special page templates.

Creating a Food Menu

If Food Menus doesn't appear in your admin sidebar, the bundled plugins aren't active yet. Activate Subsolar Designs Extras and Advanced Custom Fields PRO first - the custom post type only registers once both are running. See the FAQ for the full checklist.

After you install and activate the Subsolar Designs Extras and Advanced Custom Fields PRO plugins you will have the option to create Food Menus for your restaurant.

To create a Food Menu, go to Food Menus > Add New in the Admin Panel. Below the Page Content you can find the Menu Options:

Here is a description of all of the fields on the page:

Columns - The maximum number of columns that the Food Menu will be displayed in.

Currency - select the currency for the prices of the dishes in the menu. The corresponding currency sign or abbreviation will be shown next to each price.

Currency Sign Position - the position of the sign or abbreviation.

Menu - here you have the option to add four types of items:

  1. Menu Category - this gives you the option to add a list with a Title and Items. This can represent a single section of your menu - for example Desserts: Menu Category For each Item (Dish) you can add it's Name, Price and Description. The Highlight option will display the dish with a left border on the Page. The Tags for the Item are added in Theme Settings > Food Menu.
  2. Image - add an image in the current column.
  3. Blockquote - inserts a blockquote in the current column.
  4. COLUMN END - indicates an end of the current column. The Next items added in the Page will be shown in the next column. Menu Columns

Creating an Event

In the Admin Panel, go to Events > Add New. On the Right Side from the Event Categories you can add Categories for the current event.

Below the Title you can write the Content of the Event Page, just like the Content in a Blog Post. After the Content are the additional fields for the Event Page:

  • Event Date - here you can pick the Date and Time of the Event.
  • Event Image - the header image when the Event Page is opened.
  • Event Icon - the icon displayed next to the Additional Information.
  • Additional Information - add a list of elements with information in the Event Page. Single Event

The Events are displayed in a Page with the Events Template.

Events Page

Go to Pages > Add New, write the page title and select Events from the Template dropdown on the right.

There are numerous options for the Events Page. Here you can select the Header Style, Show Filter as well as the number of Events Per Page.

You can select between three types of header - Title, Featured Event and Custom Header, or No Header.

Events Header

After you finish configuring the page click the Publish button.

Contact/Reservation Page

The theme uses the Contact Form 7 plugin for the Contact Forms. The plugin is one of the recommended plugins that was installed on the first step. You can read more about the plugin here.

The shortcode for the Contact Form Template can be found in the Contact Tab on the left on the Admin Panel, and then add new or use an already created form.

Contact

The style of the Contact Form in the demo is the default one from the plugin. The code is in the Form tab when you edit the Contact Form:

<label> Your Name (required)
    [text* your-name] </label>

<label> Your Email (required)
    [email* your-email] </label>

<label> Subject
    [text your-subject] </label>

<label> Your Message
    [textarea your-message] </label>

<button type="submit" className="btn btn-color">Send</button>

You can change the Button Style by changing its class. The "btn-color" is for the Colored Button. Changing it to "btn-special" or "btn-normal" will change its style to the corresponding button style.

You can use the Contact Form 7 shortcode and place it in any of the Unyson Shortcodes (like Text Block) to display the corresponding Form.

Blog Page

Go to Pages > Add New, write the page title and select Blog from the Template dropdown on the right. Here you have the options to add Header Subtitle and to Show Search Field.

Then click the Publish button.

Make sure that the page is NOT selected in the Post Page menu in Settings > Reading in the WordPress Admin Dashboard. Click Save Changes.

Business Hours Indicator

The Business Hours Indicator is a plugin that comes bundled with the Theme. To install it, please read the Installation section at the beginning of the documentation.

After installing and activating it, a new menu will appear in Settings > Business Hours Indicator in which you can edit your opening hours.

The most important section here is the HOURS tab. You have to add a location there with a name of your choice. Then enter the hours and holidays by clicking on the links located to the right of that location.

When all the settings and tabs are done, you can see the text shortcodes that you can insert in your theme by going to the CODES tab. For example, if you want to add an Open/Closed indicator to your theme, you should use the following code in your content:

[mbhi location="the-name-from-the-HOURS-tab"]

Revolution Slider

The Revolution Slider plugin is used to create some of the headers in the Theme. We have included the plugin and the sliders in the Theme. To install the plugin, please read the Installation section at the beginning of the documentation.

After installing and activating it, a new Tab will appear in the Admin Dashboard - Slider Revolution.

To import the Sliders follow these steps:

  1. Go the the Revolution Slider tab in your WP Admin, and click the Import Slider button.
  2. Choose the .ZIP file of the slider you'd like to import. The .zip files are located in the RevSliders folder in the archive you download from ThemeForest.
  3. Once you've chosen the .ZIP file, an Import Slider button will appear.
  4. Click the Import Slider button, and wait for it to finish uploading.
  5. Once it's finished uploading, you will now see your imported slider in the list of Revolution Sliders available.

You can read more about how the Revolution Sliders are created and used in the official Revolution Slider Documentation.

On this page