Events
  • 29 Mar 2023
  • 3 Minutes to read
  • Dark
    Light
  • PDF

Events

  • Dark
    Light
  • PDF

Article summary

WineDirect ecommerce offers two different calendars available: Block Style and List Style. A block calendar looks like a traditional calendar you'd hang on your wall; great if you have multiple events. A list calendar shows more of a text view of each Event listed above one another. You can choose which one you like best, and you can change the style at any time, maybe even have both on your site.


Adding An Event Calendar:

Before adding events to your website, you must set up an Event Calendar. You must navigate to the Content Editor and Events to create and manage your calendars. 

To add a new calendar:

 1. Navigate to Content Editor Components sub-tab.

 2. Click on Events.

 3. On the right side panel under Event Properties, click on Manage Event Calendars.

 4. Click on the green Add an Event Calendar button.

 5. In the Calendar field, give your calendar a title.

 6. The Description field can be left blank as it does not appear on the website.

 7. From the Layout tab, you will select which calendar style you wish to use: Event List or Block Style Calendar.

 8. The Order field refers to the calendar's order in the admin panel.



Adding An Event

Once you have your event calendar set up, you can add events. The information you enter for your Event will automatically populate your event calendar.  

To add a new event:

 1. Content Editor > Components sub tab > Events.

 2. On the right side panel under Event Properties, click on Manage Events.

 3. Click on the green Add an Event button.

 4. In the Event Title field, give your Event a name.

 5. CalendIn the ar Title field, associate the Event to a calendar you have already.

 6. Fill out the event time frame in the From Date and To Date fields.

 7. Fill out the Event's beginning time and ending time.

 8. Contact, Phone, and Email are optional to fill out, but it is best to provide as much information as possible to potential attendees.

 9. Click the Active box to make the Event active on the calendar.

10. Under the Calendars section, choose Block Calendar or List of Events, or you can Add New and Save.



Duplicate Event

You can create a new event by copying an existing event using Duplicate

Start by opening the Event you would like to copy and select Duplicate. A new event will be created with all the information copied. The Event Name will have "Copy" added to it. 



Event Call Outs

The event callout option allows you to create various font colors to highlight events. The website designer must set up callouts and modified in the website CSS. Block and List style calendars render event callouts differently.

To add an Event Callout:

 1. Content Editor > Components sub tab > Events.

 2. On the right side panel under Event Properties, click on Manage Event Callouts.

 3. Click on the green Add an Event Callout button.

 4. Fill out the Event Callout field.

 5. Fill out the Code field and click Save.

Call OutThis is the name of the callout, as it appears in the drop-down menu when creating a new event. These names are only seen internally and are not reflected on the website.
CodeThe designer will use this code to apply callout styling to your website. Please Note: Modifying this code will break the call out. This should only be modified if the CSS has been updated to match.

Event Call outs must be created and styled by your website designer. A certified designer can also handle this as a project. Please note design fees will apply. 



BLOCK-STYLE CALENDAR EXAMPLE

The background and link (font) color will vary from your default calendar events in the following block-style calendar example. In this example, the default event, 'General Event,' has no background and blue link color. All other events have a separate Event callout applied to them.

Please Note: The Background color is not editable, only the link color.



LIST STYLE CALENDAR EXAMPLE

In the following list-style calendar example, the background color and link (font) color will vary from your default calendar events. In this example, the default event, 'General Event,' has no background and blue link color. All other events have a separate Event callout applied to them.

Please Note: The Background color is not editable, only the link color.



Was this article helpful?

What's Next