Display Settings

In This Article:

• Configure the Display Style of the Delivery Calendar
  1. Configure from Display Settings
  2. Configure from Individual Settings

Configure the Display Style of the Delivery Calendar

The Display style of the delivery calendar can be configured individually or globally. To configure the display style of the delivery calendar follows these steps:

Configure from Display Settings

Go to Products → Plan Delivery → Display Settings

• Calender Layouts
  Choose any preferable calendar layout from the two layout options.
  
  
• Calender Colors
• 1. Navigation Arrows: Define the navigation arrow color for the delivery calendar.
  2. Calendar Border: Define the border color for the delivery calendar.
  3. Day Title Background: Define the background color for the day titles on the delivery calendar.
  4. Day Title Border: Define the border color for the day titles on the delivery calendar.
  5. Date Background: Define the date backgroung color for the dates on the delivery calendar.
  6. Tooltip Background: Define the background color for the hover tooltip on the delivery calendar.
  7. Holiday Column Background:  Define the background color for the holiday columns.
     
• Text Colors
  1. Month: Define the month text color of the delivery calendar.
  2. Day Title: Define the day title text color of the delivery calendar.
  3. Day: Define the day text color of the delivery calendar.
  4. Holidays: Define the holiday text color of the delivery calendar.
  5. Tooltip Text: Define the text color for the tooltip text of the delivery calendar.
  6. Input Text: Define the input text color of the delivery calendar.

Click on the “Save Changes” button to confirm the changes.

Configure from Individual Settings

1. Go to Products → All Products → Edit from a Simple Product.
   
2. Enable the checkbox Plan Delivery.
   
3. Navigate to the Plan Delivery menu under the Product Data tab. Untick the checkbox ‘Use Global Settings’.
   
4. Select the Display Settings section. Fill in the following data:
1. Calendar Colors
• Primary Color
• Secondary Color
• Holiday Columns
• Tooltip BG
2. Text Colors
• General
• Input Value
• Tooltip
5. Click on the “Save Changes” button to confirm the changes.