Hi,

(1 , 5) Place this code in your theme functions.php file.

The code adds the agenda view functionallity you've requested along with the grid view Lots count.

add_action('wp_footer', function() {
    ?>
    <script type="text/javascript">
        (function ($) {
            if (typeof $.stecExtend === 'undefined') {
                return;
            }
            /**
             * Agenda view mod
             * Title click -> Single page _BLANK
             * Icon image click -> Modal open
             */
            $.stecExtend(function (m) {
                $(document).on('click', '.stec-layout-event-preview-left-text-title', function (e) {
                    if ('agenda' === m.glob.options.view) {
                        e.stopPropagation();
                        var $event = $(this).parents('.stec-layout-event').first();
                        var eventId = $event.data('id');
                        var offset = $event.data('repeat-time-offset');
                        var event = m.calData.getEventById(eventId);
                        var permalink = m.helper.getPermalink(event.permalink, offset);
                        if ($event.hasClass('active')) {
                            return;
                        }
                        window.open(permalink, '_blank');
                    }
                });
                $(document).on('click', '.stec-layout-event-preview-left-icon-images', function (e) {
                    if ('agenda' === m.glob.options.view) {
                        e.stopPropagation();
                        var defaultTemplate = m.glob.template.eventInner;
                        var defaultOpen = m.glob.options.general_settings.open_event_in;
                        var $event = $(this).parents('.stec-layout-event').first();
                        var $template = $(m.glob.template.eventInner);
                        if ($event.hasClass('active')) {
                            return;
                        }
                        $event.find(".stec-layout-event-inner").remove();
                        $template.addClass('stec-modal');
                        m.glob.template.eventInner = $template.get(0).outerHTML;
                        m.glob.options.general_settings.open_event_in = 'modal';
                        m.eventsHandler.eventToggle($event);
                        m.glob.template.eventInner = defaultTemplate;
                        m.glob.options.general_settings.open_event_in = defaultOpen;
                    }
                });
            });
            /**
             * Grid view mod
             * Lots : X
             */
            $.stecExtend(function (m) {
                if ('grid' === m.glob.options.view) {
                    $.each(m.$instance.$grid.find('.stec-layout-grid-event.stec-has-products'), function () {
                        var event, lots;
                        if ($(this).data('lots')) {
                            return true; // continue;
                        }
                        
                        event = m.calData.getEventById($(this).data('id'));
                        lots = event.products.length;
                        
                        $(this).find('.stec-layout-grid-has-products').text('Lots: ' + lots);
                        $(this).data('lots', true);
                    });
                }
            }, 'afterFillEvents');
        })(window.jQuery);
    </script>
    <?php
});

2) That's probably the most tricky part... This would require complete rework of the shop section and unfortunately I can't help you with that since the support does not cover customizations of such scope. I'd suggest you to check https://studio.envato.com/ for this customization.

The files that need to be edited are:

• stachethemes_event_calendar\assets\js\front\adds\shop.js
• stachethemes_event_calendar\assets\js\front\stec-single.js ( line 1030 - 1150 )
• stachethemes_event_calendar\view\front\tabs\shop.php
• stachethemes_event_calendar\view\front\tabs\single.shop.php

along with the css and the back-end handlers...

3) To translate the calendar text I'd recommend you to use the Loco Translate plugin.

4) Double-check in add / edit event the schedule tab. If the problem persists I'll need wp-admin to check what's going on.

Hi,

I guess any developer that knows WooCommerce could do it.

The problem with the icons is your site is using Font-Awesome 4 but the calendar makes use of Font-Awesome 5 so I had to place the following code in your child theme functions.php file:

add_action('stec_load_calendar_scripts', function() {
    $stec = \Stachethemes\Stec\Stachethemes_Event_Calendar::get_instance();
    $stec->add_asset_js("stec-fa-compat", "js/front/fa-back-compat.js");
});

This files makes backward compatability for FontAwesome 4 icons.

The current code opens in popup if you click image icons only.

1) Here's the updated one that will open any icon type in popup:

add_action('wp_footer', function() {
    ?>
    <script type="text/javascript">
        (function ($) {
            if (typeof $.stecExtend === 'undefined') {
                return;
            }
            /**
             * Agenda view mod
             * Title click -> Single page _BLANK
             * Icon image click -> Modal open
             */
            $.stecExtend(function (m) {
                $(document).on('click', '.stec-layout-event-preview-left-text-title', function (e) {
                    if ('agenda' === m.glob.options.view) {
                        e.stopPropagation();
                        var $event = $(this).parents('.stec-layout-event').first();
                        var eventId = $event.data('id');
                        var offset = $event.data('repeat-time-offset');
                        var event = m.calData.getEventById(eventId);
                        var permalink = m.helper.getPermalink(event.permalink, offset);
                        if ($event.hasClass('active')) {
                            return;
                        }
                        window.open(permalink, '_blank');
                    }
                });
                $(document).on('click', '.stec-layout-event-preview-left-icon', function (e) {
                    if ('agenda' === m.glob.options.view) {
                        e.stopPropagation();
                        var defaultTemplate = m.glob.template.eventInner;
                        var defaultOpen = m.glob.options.general_settings.open_event_in;
                        var $event = $(this).parents('.stec-layout-event').first();
                        var $template = $(m.glob.template.eventInner);
                        if ($event.hasClass('active')) {
                            return;
                        }
                        $event.find(".stec-layout-event-inner").remove();
                        $template.addClass('stec-modal');
                        m.glob.template.eventInner = $template.get(0).outerHTML;
                        m.glob.options.general_settings.open_event_in = 'modal';
                        m.eventsHandler.eventToggle($event);
                        m.glob.template.eventInner = defaultTemplate;
                        m.glob.options.general_settings.open_event_in = defaultOpen;
                    }
                });
            });
            /**
             * Grid view mod
             * Lots : X
             */
            $.stecExtend(function (m) {
                if ('grid' === m.glob.options.view) {
                    $.each(m.$instance.$grid.find('.stec-layout-grid-event.stec-has-products'), function () {
                        var event, lots;
                        if ($(this).data('lots')) {
                            return true; // continue;
                        }
                        
                        event = m.calData.getEventById($(this).data('id'));
                        lots = event.products.length;
                        
                        $(this).find('.stec-layout-grid-has-products').text('Lots: ' + lots);
                        $(this).data('lots', true);
                    });
                }
            }, 'afterFillEvents');
        })(window.jQuery);
    </script>
    <?php
});

2) You can place it in your child theme functions.php file. That's even recommended if you use child theme.

3) The badge you've mentioned is part of your png image:

http://www.mercadoagrodigital.com/wp-content/uploads/2020/05/imagem_lote_92153.png

4) It's not possible since some events can be repeated indefinetely and one event can be expired and upcoming at the same time.

However, you can set in your shortcode to display events for certain timespan:

Example:

Upcoming events only:

[stachethemes_ec upcoming_only=1]

Today + Upcoming events (until 2021)

[stachethemes_ec min_date=today max_date=2021-01-01]

Expired events only:

[stachethemes_ec expired_only=1]

Place the following function in your child theme functions.php file to include the filter for repeated events as well.

/**
 * Function to include min_date and max_date filter for repeated events
 */
add_action('wp_footer', function() {
    ?>
    <script type="text/javascript">
        (function ($) {
            if (typeof $.stecExtend === 'undefined') {
                return;
            }
            $.stecExtend(function (m) {
                var minDate = m.glob.options.min_date, maxDate = m.glob.options.max_date;
                var events = m.calData.filterGetEvents;
                var filtered = [];
                if (!minDate || !maxDate) {
                    return;
                }
                $.each(events, function () {
                    let startDate = moment.tz(this.start_date, this.timezone);
                    let endDate = moment.tz(this.end_date, this.timezone);
                    let a = moment.tz(minDate, this.timezone).startOf('day');
                    let b = moment.tz(maxDate, this.timezone).endOf('day');
                    if (startDate.isBetween(a, b, null, '[]') && endDate.isBetween(a, b, null, '[]')) {
                        filtered.push(this);
                    }
                });
                m.calData.filterGetEvents = filtered;
            }, 'beforeReturnGetEvents');
        })(window.jQuery);
    </script>
    <?php
});

Hi,

I'll explain the problem with the icons.

Your site is loading 2 old font-awesome 4 libraries from these urls:

http://www.mercadoagrodigital.com/wp-content/plugins/yith-woocommerce-popup-premium/assets/css/font-awesome.min.css?ver=5.4.1
http://www.mercadoagrodigital.com/wp-content/plugins/yith-woocommerce-wishlist-premium/assets/css/font-awesome.min.css?ver=4.7.0

I assume these are woocommerce addons.

Also the elements with missing icons are using the old font-awesome 4 classes.

Example: fa fa-heart-o. This one no longer works with Font-Awesome 5. It should be renamed to fas fa-heart. I'll attach screenshot of this element.

And since FontAwesome 5 is loaded on this page as well it overrides the fa4 style here:

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}

These lines basically tell all .fa classes to use Font-Awesome 5 font-family but "fa fa-heart-o" no longer exists in version 5 and that's why the corresponding icon is not being displayed.

I've added in your child-theme functions.php file following code:

add_action('stec_load_calendar_scripts', function() {
    $stec = \Stachethemes\Stec\Stachethemes_Event_Calendar::get_instance();
    $stec->add_asset_js("stec-fa-compat", "js/front/fa-back-compat.js");
});

This file should provide backward compatibility for Fa4 icons.

Regarding updating - I've received the same error when tried to install the File Manager plugin on your server. I'd suggest you to check your server read/write permissions. I think you have file permission issue.

Is this auction of yours some WooCommerce extension?

Is it possible to send me this auction plugin to check it out?

Perhaps there's shortcode that generates the layout you want?

If there's such shortcode it might be possible to insert it in the event single page.

If you have google drive account you can upload it there and send me temporary download link.

Hi,

I've checked the auction plugin.

What I could do is following:

• I can write custom code that will add new tab in your admin event add / edit page where you can insert your ibid shortcode.
• For the single page we can remove the default shop tab and replace it with new tab "Auctions" where the shortcode will be displayed. You will have to check your theme manual for the shortcode of your desired auction grid layout. I've found is this one: [shop-products-boxed category="auctions"] but perhaps there are more.

Drawbacks of this:

• Auction products will not be linked to an event so I'd recommend you to sort your auctions in categories where you can track them easily.
• LOTS count in Grid View code will have to be rewritten since we're not going to use the calendar built-in tickets/products meta data.
• You will have to place ibid shortcode for each event that has auction products.

I'm attaching you the custom code that will add the auction tab. Place the code from the file in your theme functions.php file.

Check it out and see if this suits your needs.

I've made a small change to the code. 

With this mod you won't have to write shortcodes instead you will be prompted to select products from the custom tab.

Delete the old code I've sent you.

Unzip the attached file and place it in your theme or child-theme (whichever is active) main folder.

Then in your theme/child-theme functions.php file at the bottom just require the file like this:

require_once(__DIR__ . DIRECTORY_SEPARATOR . 'stec_auction_mod.php');

P.S. If this solution works I can modify it further to display LOTS count automatically.

I will see what I can do and will send you updated modification.

Hi,

I've updated further the code. 

Changes are:

•  Grid displays lotes count.
• Added lotes tab in calendar.
• Lotes tab should now be first.
• In the admin panel Auction tab is renamed to Lotes. 
• Your SKUs should be now in this format: {event-id}-{everything else}. 

E.g. 101-xxx, 102-xxx, 103-xxx... where 101,102,103 are event ids.

In the admin panel lotes will be listed only if the first part of the SKU matches with the event id.

Regarding the counter - there's already built-in counter for the event info tab. 

You will have to set in Event add/edit page Counter setting to "Enable". 

I'll see if I can add counter for the grid layout in the next update.

I've started to work on the builder's single event page but it may take some time since support is time consuming. It is planned to be available with the next update.

And for the icons problem. Try adding following code in your theme functions.php file:

add_action('stec_load_calendar_scripts', function() {
    $stec = \Stachethemes\Stec\Stachethemes_Event_Calendar::get_instance();
    $stec->add_asset_js("stec-fa-compat", "js/front/fa-back-compat.js");
});

Is it possible to provide me with ftp as it is easier to apply the changes?

Do you want the sidebar removed for the event single pages?

The problem with the lotes where there's strange empty space is coming from the titles. Some titles are 2 lines some are 1 line and this makes the boxes not uniform. Removing the sidebar might fix this as there will be more space.

I can move the counter up above the title for the single pages but the functionality will remain the same. 

The problem with the icons is trivial I'll take a look when I make the other changes.

The summary: text under the repeater is just text that summarizes your repeat settings. (e.g. Every week...)

The problem with the tabs is I should place check if there are lots in the event in the first place before displaying the tab.

I'm getting familiar with the elementor code at the moment and the plan is to migrate to the elementor builder instead of keeping the current builder as we don't want to re-invent the wheel and elementor looks pretty solid tool.

Hi,

Sorry for the delay... 

• I've removed the sidebar from the single page.
• Lots tab will be visible only if there are lots.
• I've moved the counter up and is now counting the time to the end of the event. I'll further work on the counter in future updates to include additional options.
• Problem with the icons should be resolved.

I'm currently replacing the builder with elementor. Initially you will be able to design your own event submission forms and single pages for the events. We'll add additional templating options with future updates.

Where can I take a look at the page?

If you see this garbage text then css and js files are not being loaded.

Does it work if you insert the shortcode directly?

If this is a new theme make sure in its header.php the wp_head() hook is attached.

Check inside <head> tag for:

<?php wp_head(); ?>

If it is missing then that's the problem.

Hi,

I've reset your key and activated it on your new site.

The problem seems to be the plugin is loaded via elementor template shortcode.

[elementor-template id="356"]

Wordpress is not detecting the calendar shortcode because it is inside another shortcode and therefore is not loading the required javascript and css files.

For comparison I've created private page here that is loading the assets correctly.

The workaround for this is to manually load the scripts for this particular page (the home page).

In your case the home page is with post id 81.

So in your theme functions.php file I've added code that will load the calendar scripts for post 81:

// Load Stachethemes Event Calendar Javascript and CSS files for POST #81
    
add_action('wp_enqueue_scripts', function() {
    global $post;
        if ($post && $post->ID === 81) {
                if (class_exists('\Stachethemes\Stec\Stachethemes_Event_Calendar')) {
                    do_action('stec_load_calendar_styles');
                    do_action('stec_load_calendar_scripts');
                    add_action('wp_head', function() {
                        \Stachethemes\Stec\Stachethemes_Event_Calendar::get_instance()->load_head();
                    }, 9999);
                }
            }
});

And now the calendar should load normally.

The old code relied on woocommerce's [products ids=...] shortcode. If you can find substitute for it then it could work.