1. Select Default View (This is for displaying desired default view in storefront)
Choose between:
A.Day -> Display single day mode
B.Week -> Display week mode
C.Month -> Display month mode
C.List Week -> Display list week mode
2. Do you want to display full day event in calendar?
A.Yes if you want to show the full day event.
B.No if you don’t want to show the full day event.
3. Do you want to limit the event display?(When there are too many events, a link that looks like “+2 more” is displayed.)
A.Yes if you want to limit.
B.No if you don’t want to limit.
4. Do you want to show the weekends in the calendar?
Choose No if you want to hide weekends from the Calendar view.
5. Select Your Store Timezone (This is for setting the timezone of the events)
e.g. You live in Chicago,USA then your timezone would be America/Chicago.
6. Select Open Hours (This is for setting store open hours in calendar display)
Select the time from the dropdown box
7. Select Closing Hours (This is for setting store closing hours in calendar display)
Select the time from the dropdown box
8. Select Time Format (This is for setting how event time will be displayed in storefront)
9. Select Default Calendar Display Language (Month,Date,Time etc will be translated into this language)
10. Choose if you want to display the Calendar in right-to-left(rtl) mode.
This option is useful for right-to-left languages such as Arabic and Hebrew. Choose Yes if you want to enable it.
11. Select the theme you want to use for the calendar presentation
Select the theme from the dropdown box.
To see the gallery of pre-formatted themes go to jQuery UI Theme Gallery.
If you want to use your own customized theme choose Custom,please follow the steps on number 10 below.
12. If using a Custom jQuery-UI theme name-input the custom theme name.
To create new theme or edit existing theme please go to jQuery UI themeroller
After you finished creating the theme,click on the Download theme.
On the Download builder page:
A. Select the 1.9.2 version.
B. Unselect Toggle All components.
C. Select Custom Theme on the dropdown box.
D. Enter your desired theme name on the Theme Folder Name field without spaces.
E. Leave the CSS Scope blank.
F. After you’re done,click download and save the compressed file in your desired folder.
G. Uncompress the files, open the css folder, look for the folder that is the same with your theme name and upload it to extensions/calendar/storefront/
view/default_html5/stylesheet/ via your FTP or CPanel.
H. Finally enter the theme name here.
13. Sort Order (You can leave it blank)
Finally Click the Save button and Turn On the extension.
After you turn on the extension,you will find the extension page under Extensions menu :
Notes: If you want to look how it will displayed in your storefront,please take a look at the screenshot here |