Calendar page
Display all your events in one page and allow your customers to select a specific event and time.
Add a calendar page link to your menu
- Navigate to Online Store > Themes and click the Customize button.
- Click the top-center menu and select the Pages option.
- Click the Create template button, name your template "CoAttend Calendar Page" and click the Create template modal button.
- Navigate to Online Store > Pages and click the Add page button.
- Enter a Title, change the Theme template to coattend-calendar-page and click Save.
- Navigate to Online Store > Navigation and select your menu. Add the created page as a new menu item and click Save.
- Navigate to Online Store > Themes and click the Customize button.
- Navigate to the new page, click the Add section button and select CoAttend calendar from the Apps.
- Edit the calendar's styles and click Save.
- Please navigate to Apps > CoAttend > Settings > Calendar to customize your calendar settings.
- Congratulations, your Calendar page is good to go!
Should you happen to be using a Shopify Vintage Theme for your store, please proceed with the steps outlined below:
- Navigate to Online Store > Pages and click the Add page button.
- Enter a Title, change the Theme template to page.coattend_calendar and click Save. If you cannot locate the file in your theme, please refer to the instructions provided on this page.
- Navigate to Online Store > Navigation and select your menu. Add the created page as a new menu item and click Save.
- Your Calendar page is ready!
Calendar modal
Another option is to show the calendar in a pop-up modal when a button is clicked.
- Navigate to Online Store > Themes and click the Customize button.
- Navigate to the page you want to add the button, click the Add section or Add block button and select CoAttend calendar button from the Apps.
- Edit the button's label and options and click Save.
- Please navigate to Apps > CoAttend > Settings > Calendar to customize your calendar settings.
- Congratulations, your Calendar modal is good to go!
Should you happen to be using a Shopify Vintage Theme for your store, please insert an HTML button with the class coattend-calendar-button.
Example:
<button class="coattend-calendar-button">Calendar</button>
Customize the calendar page
Please follow the instructions on Calendar Settings page.