Skip to main content
All CollectionsCalender Widget Customization Event Calendar Widget
How to show Event widget in your product page and filter it by team member?
How to show Event widget in your product page and filter it by team member?
Support avatar
Written by Support
Updated over a week ago

To add event widget to your products

1. Go to your online store and click on Edit code

Screen_Shot_2021-12-01_at_11.42.32_AM.png

2. Search for 'servv_calendar.liquid' file under Sections and copy this code

{% include 'servv_calendar' %}

Screen_Shot_2021-12-03_at_10.51.17_AM.png
Screen_Shot_2021-12-03_at_10.30.55_AM.png

4. Find another file named 'main-product.liquid' and paste {% include 'servv_calendar' %} just before </section>

NOTE: You can paste this code where you want to show your calendar in the product page

Screen_Shot_2021-12-03_at_10.34.03_AM.png

Now, if you go to your product page you can see Servv calendar

Filter the calendar widget by member

1. Go to your Servv app and click on the member you want and scroll up and copy this code

#svv_default_filter_member_235

Screen_Shot_2021-12-03_at_10.38.20_AM.png

2. Go to you product page in Shopify and paste this code into the TAGS field.

Screen_Shot_2021-12-03_at_10.39.32_AM.png

Now, if you go to your product page only selected member's events will be shown in widget. However, customer can select another member and see their events in the same product page.

Did this answer your question?