Various questions about layout / translation

  • Hello,

    I’d like to customize how the plugin is displayed to users a bit more. Here are a few questions, just in case you have solution for them :

    1. In service selection (when in multi service mode), I can’t find a way to customize the “Read more” text (while I can customize almost everything else)
    2. I’d like a more compact view in multi service mode, each service takes a lot of height. I’d like to compact it by, for ex, putting the duration on same line than service title
    3. On the date/time choice tab (2nd), I’d like to be able to remove the first date selection input (the one which display a calendar when you click on it). I could do it with some CSS tricks but the fact they don’t have really specific class or id does not help (have to play with child-n / sibbling, not the most reliable)
    4. When a service can have multiple person (I set most of them to a min of 1, max of 2, each person can only book 1) and the name are displayed, there is a layout difference between slot without booking (text is vertically centered) and one with names (which fills the whole container and looks aligned on top). Could look better to have all of them vertically aligned on top, so time / available seats would be aligned the same, no matter if there is some name or not
    5. Still on the same tab (2nd), I’d like to have the duration of each service near the service title, it’d help to remember how long the slot is without having to display end time on all slot, which burdens the layout
    6. Last (but definitely not least) for the 2nd tab, I’d love to be able to set specific description / details on specific time slots. Right now I have to split them in multiple services. Being able to add specific description to some slot would solve this, but I do understand this looks like a big feature to implement.
    7. Would love a summary of all slots on the last tab, as while you scroll down to select slots in the 2nd tab, you hide the list of selected slot
    8. I don’t care about phone / comment. I ‘ve seen you integrated with contact form 7, but the example shows that you have to put them back. Once again I could hide them with some CSS, but would love a bit more customization option here.

    Thanks again for this awesome product ??

    • This topic was modified 4 months, 1 week ago by sp4rky35.
Viewing 4 replies - 31 through 34 (of 34 total)
  • Plugin Author WebbaPlugins

    (@webba-agency)

    Hi,

    Thanks a lot for sharing. Forwarded this to developers.

    Thread Starter sp4rky35

    (@sp4rky35)

    Hi again !

    Looks like latest updates introduced some bug displaying locked /full timeslots . When only one seat (my slot has 2 available seats) is booked, the name of the people who booked appears correctly. But when both seats are booked and slot is grayed / disabled, the names go under slot. This was not the case a few weeks ago (screenshot in my first posts on this topic show correct behaviour)

    View post on imgur.com
    Plugin Author WebbaPlugins

    (@webba-agency)

    Hi,

    Thank you for reporting this. Team already fixed that and the fix will be included in the next version.

    For fast fix, please edit the file: templates/frontend_v5/group_timeslot.php

    Fixed version of group_timeslot.php:

    <?php
    if (!defined('ABSPATH')) {
        exit();
    }

    $day_to_render = $data[0];
    $timeslot = $data[1];
    $offset = $data[2];
    $service = $data[3];
    $timeslots = $data[4];
    $index = $data[5];

    $time = $timeslot->get_formated_time();
    $local_time = $timeslot->get_formated_time_local();

    $date = $timeslot->get_formated_date();
    $local_date = $timeslot->get_formated_date_local();

    $timeslot_html = '';
    $slot_html = '';

    // *** Free group time slot
    if ($timeslot->get_free_places() > 0) {

        $sufix = '';
        if (get_option('wbk_multi_booking', '') == 'enabled') {
            $sufix = '_' . $timeslot->getStart() . '_' . $service->get_id();
        }
        ?>
        <li>
            <label>
                <input class="timeslot_radio-w" type="radio" name="day-<?php echo esc_attr(
                    $day_to_render
                ) . $sufix; ?>">
                <span class="radio-time-block-w radio-time-block-w timeslot-animation-w">
                    <span class="radio-time-inner-w">
                        <span class="radio-checkmark"></span>
                        <span class="time-w time-long-w" data-server-date="<?php echo esc_attr(
                            $date
                        ); ?>" data-local-date="<?php echo esc_attr(
                             $local_date
                         ); ?>" data-server-time="<?php echo esc_attr(
                              $time
                          ); ?>" data-local-time="<?php echo esc_attr(
                               $local_time
                           ); ?>" data-index="<?php echo esc_attr($index); ?>" data-start="<?php echo esc_attr(
                                   $timeslot->getStart()
                               ); ?>" data-end="<?php echo esc_attr(
                                    $timeslot->get_end()
                                ); ?>" data-service="<?php echo esc_html(
                                     $service->get_id()
                                 ); ?>">
                            <span class="wbk_time_slot_time_string"><?php echo esc_html($time); ?></span>
                        </span>
                    </span><!-- /.radio-time-inner-w -->
                    <span class="available-w">
                        <img src="<?php echo WP_WEBBA_BOOKING__PLUGIN_URL .
                            '/public/images/'; ?>group-default-icon.png" alt="group" class="group-default-icon-w">
                        <img src="<?php echo WP_WEBBA_BOOKING__PLUGIN_URL .
                            '/public/images/'; ?>group-active-icon.png" alt="group" class="group-active-icon-w">
                        <?php echo esc_html(
                            get_option(
                                'wbk_available_label',
                                __('Available', 'webba-booking-lite')
                            )
                        ) .
                            ': ' .
                            $timeslot->get_free_places(); ?>
                    </span>
                    <?php if (
                        get_option('wbk_show_details_of_previous_bookings', '') ==
                        'true'
                    ) { ?><span class="available-w">
                            <?php
                            $booking_ids = WBK_Model_Utils::get_booking_ids_by_service_and_time(
                                $service->get_id(),
                                $timeslot->getStart()
                            );
                            foreach ($booking_ids as $booking_id) {
                                $booking = new WBK_Booking($booking_id);
                                if (!$booking->is_loaded()) {
                                    continue;
                                }
                                echo $booking->get_name() .
                                    ' ' .
                                    $booking->get_custom_field_value('last_name') .
                                    '</br>';
                            }
                            ?>
                        </span>

                    <?php } ?>
                    <?php do_action('wbk_group_time_slot_custom_html', $service->get_id(), $timeslot); ?>
                </span>
            </label>
        </li>
        <?php
    } elseif (get_option('wbk_show_booked_slots', 'enabled') == 'enabled') { ?>
        <li>
            <label>
                <input class="timeslot_radio-w" type="radio" name="time-1" disabled="">
                <span class="radio-time-block-w timeslot-animation-w">
                    <span class="radio-checkmark"></span>
                    <span class="time-w time-long-w" data-server-date="<?php echo esc_attr(
                        $date
                    ); ?>" data-local-date="<?php echo esc_attr(
                         $local_date
                     ); ?>" data-server-time="<?php echo esc_attr(
                          $time
                      ); ?>" data-local-time="<?php echo esc_attr(
                           $local_time
                       ); ?>" data-index="<?php echo esc_attr($index); ?>" data-start="<?php esc_attr(
                               $timeslot->getStart()
                           ); ?>" data-end="<?php echo esc_attr(
                                $timeslot->get_end()
                            ); ?>" data-service="<?php esc_html(
                                 $service->get_id()
                             ); ?>">
                        <span class="wbk_time_slot_time_string"> <?php echo esc_html($time); ?></span></span>


                    <?php if (
                        get_option('wbk_show_details_of_previous_bookings', '') ==
                        'true'
                    ) { ?><span class="available-w1">
                            <?php
                            $booking_ids = WBK_Model_Utils::get_booking_ids_by_service_and_time(
                                $service->get_id(),
                                $timeslot->getStart()
                            );
                            foreach ($booking_ids as $booking_id) {
                                $booking = new WBK_Booking($booking_id);
                                if (!$booking->is_loaded()) {
                                    continue;
                                }
                                echo '</br><span>   ' . $booking->get_name() .
                                    ' ' .
                                    $booking->get_custom_field_value('last_name') .
                                    '</span>';
                            }
                            ?>
                        </span> </span>

                <?php } ?>
                <?php do_action('wbk_group_time_slot_custom_html'); ?>
                </span><!-- /.radio-time-block-w -->
            </label>
        </li>
    <?php }

    Thread Starter sp4rky35

    (@sp4rky35)

    Oh, so nice, thank you !

Viewing 4 replies - 31 through 34 (of 34 total)
  • You must be logged in to reply to this topic.