Adding day of week to booking time/date in product page

Follow

Comments

7 comments

  • Avatar
    Zetya Support

    Hi Ant,

    If you are using the Class profile then you can set up the schedule for Sat and Sundays. That way when the datepicker opens they will only be able to select one of those days.

    Another option is to list upcoming classes using the "Upcoming Events List"  (option 5 in install steps). This will show the next scheduled classes (e.g. http://www.bakewithmaria.com/products/italian-bread-baking-class).

    Gavin.

  • Avatar
    Admin

    My apologise Gavin I don't think I explained myself well.

    Yes I have class profile and I have schedules for Sat and Sun. However when the datepicker shows on my product it is hard to distinguish which is a Sat class and and which is a Sun class. Its currently only in numerical date form. I have attached a pic of what one looks like now. 

    Is there a away to add the day of the week in there?  

    Ant

  • Avatar
    Admin

    Hi Gavin, I know you're a busy beaver, but is there any fix for the above? Ant

  • Avatar
    Zetya Support

    Hi Ant,

    I've updated it to support this requirement.

    Open the booking-form snippet and add a data-dateformat attribute to the table element. It should look like this:

    <table id="events" class="bta-upcoming-events-table" style="width: 100%;" data-handle="{{ product.handle }}" data-variant="{{ product.variants.first.id }}" data-dateformat="D M d, yy" data-bta-max-events="15">
    <tr><td colspan="3" class="loading">Loading...</td></tr>
    </table>

     Thanks, Gavin.

  • Avatar
    Admin

    Worked perfectly Gavin, you're a star. THANK YOU. 

  • Avatar
    Brian Lacy

     

    Complete luddite here ... Where does one place that booking-form snippet?

     

    Am wanting to have time, location and date variability seen by client when they're looking at product. 

    Thanks!

  • Avatar
    Zetya Support

    Hi Brian

    The app install instructions are documented in the Install guide in the left hand nav of the app admin.  It includes where to add the booking snippet in product.liquid or product.section, depending on your theme.

    If you can't find it in your theme, please raise a ticket and include your shop URL and the store front password if you have chosen to protect the store front with a password.

    Thanks

    Zetya Support

Please sign in to leave a comment.