1. Home
  2. Online / oneMetrix Info
  3. Online Ordering CSS Properties

Online Ordering CSS Properties

Table of Contents

verticalLayout=true;
Whether or not the screen groups are shown as vertical. If false, the screen groups are shown horizontally.

buttonImageStyle=background-color: #eff7ff; color: #000000
Represents the color of the screen groups utilized within the code.

buttonStyle=#304b72
Represents the color of the other buttons (OK/Cancel type buttons, etc.) utilized within the code.

guestNameLabel=Enter Guest Name
What will be shown to ask the guest if they want to enter a name when ordering a particular item.

specialInstructionsLabel=Special Instructions
What will be shown to ask the guest if they want to enter specific instructions when ordering a particular item.

secondTitleText=Order Online Today!
The value of the text under the name of the location.

pickup=true;
Site supports pick up.

delivery=false;
Site supports delivery.

dineIn=true;
Site accepts dine-in orders.

kitchenClosed=23:00
The 24-hour clock close time.

kitchenOpen=11:00
The 24-hour clock open time.
If you would like to specify kitchen open/closed on specific days, you can use the following values and the kitchenOpen and kitchenClosed values are used for Sunday.

kitchenClosedM=23:00
kitchenOpenM=11:00
The 24-hour clock open/close time for Monday.

kitchenClosedT=23:00
kitchenOpen=T11:00
The 24-hour clock open/close time for Tuesday.

kitchenClosedW=23:00
kitchenOpenW=11:00
The 24-hour clock open/close time for Wednesday.

kitchenClosedTh=23:00
kitchenOpenTh=11:00
The 24-hour clock open/close time for Thursday.

kitchenClosedF=23:00
kitchenOpenF=11:00
The 24-hour clock open/close time for Friday.

kitchenClosedS=23:00
kitchenOpenS=11:00
The 24-hour clock open/close time for Saturday.

onlineOrdersOnly=false;
Set to true to force users to pay with an online payment, inactivating paying by Cash/In Store.

enforceDaylightSavings=true;
Enforce daylight savings time.

orderPrepTime=30
Order preparation time in minutes.
Note: If your site has a variable order prep time based on how busy the kitchen is, you can specify the order prep time on onemetrix, and that will override what is specified in the CSS file. The value specified on onemetrix is also in minutes.

minOrderValue = 5.00
Minimum dollar amount to check out.

maxOrderValue = 500.00
Maximum dollar amount to check out.

customerVerification=Email
TBD

websitePhoto=onepos.gif
A photo that resides on the Online Ordering Image Path that shows on the main webpage for the location.

firstLine=color: #304b72; font-size:28px;
The style of the name of the location on the main webpage.

secondLine=font-size:14px; font-style: italic; color: #000000;
The style of the second line on the main webpage.

firstLineMobile=color: #304b72;;
The color of the text of the name of the location on the main webpage on Mobile Devices.

secondLineMobile=font-style: italic; color: #000000;
The color of the text of the second line on the main webpage on Mobile Devices.

locationInfo=color: #000000; font-size: 16px;
The style of the text of the name of the Location Info label.

viewCartMobile=”View Cart”
The label of the traveling View Cart button on Mobile Devices.

address1=color: #304b72;
The style of the text of the first address line.

address2=color: #304b72;
The style of the text of the second address line.

phone=color: #304b72;
The style of the text of the phone number.

backgroundImage=none
TBD

backgroundColor=#FFFFFF;
The color of the background for the main window.

deliveryFee=0.00;
A delivery fee that is applied to delivery orders.

theme=office;
Select from 23 color themes. Acceptable values include: office, montana, amber, aquamarine, blueberryandraspberry, cardinal, cheeseandwine, deepsea, emerald, gardensalad, lavendar, macaron, marigold, material, olive, poppy, ruby, spaceblack, violet, winterspring, zen. To get a preview of the color themes, go to this website: https://www.zkoss.org/zk85themedemo/

allowGuestCheckout=true;
Set to false to enforce online orders are placed with the VI Guest account.

autoExpandScreens=false;
Set to true to expand all of the screen groups when initially loading the page.

Other Properties

.buttonMain – The color of the screen groups.
.buttonImage – The color of the smaller buttons (the OK/Cancel Yes/No etc. type buttons).

The values bolded below are the values to change when editing the color of these items. See the snippet below.

.buttonMain {
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#304b72), to(#304b72));
background-image: -webkit-linear-gradient(top, #304b72, 0%, #304b72, 100%);
background-image: -moz-linear-gradient(top, #304b72 0%, #304b72 100%);
background-image: linear-gradient(to bottom, #304b72 0%, #304b72 100%);
background-repeat: repeat-x;
border-color: #7b7b7b;
color: #FFF;
font-family: Helvetica Narrow, sans-serif;
font-size: 14px;
font-weight: normal;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ff428bca’, endColorstr=’#ff3071a9′, GradientType=0);
}
.buttonMain:active,
.buttonMain.active {
background-color: #304b72;
border-color: #7b7b7b;
}

.buttonImage
{
background-color: #eff7ff;
color: #000000;
font-family: Helvetica Narrow, sans-serif;
font-size: 13px;
font-weight: normal;
}

Updated on November 16, 2018

Was this article helpful?

Related Articles