Forum Replies Created

Viewing 15 replies - 1 through 15 (of 17 total)
  • Thread Starter melo1551

    (@melo1551)

    Unfortunately I am using an older version as my license expired, therefore I cannot open a ticket.

    Thread Starter melo1551

    (@melo1551)

    Thank you for your quick answer. I am actually interested in having the E-Mail button on the orders list to be able to quickly send PDF’s as it can be done on the order page. It would save some steps to individually send the mail.

    What I also have to mention is that the view action button does not working I usually get blank page or an error page. But maybe this is due to a plugin incompatibility. Bulk editor works fine though.

    Let me know if this seems a good idea, I would be thrilled to have this function on the orders list.

    Thread Starter melo1551

    (@melo1551)

    Ohh wow, I did not know that. I was actually never focused on the previous order status and when I did it manually it was always from “on-hold” to “failed”. Now that I set it from “pending” to “failed” it works perfectly. Thank you very much and sorry for consuming so much of your time for such a tiny thing. Excellent support I have never received better help to be honest.

    Thread Starter melo1551

    (@melo1551)

    I just changed the status from processing to failed manually and the email was sent and appeared on the logging PlugIn.

    The run all rules now is unchecked, time trigger is 20 seconds, Allow rules processing via URL is unchecked, use WP Cron is enabled once every minute, Use Action Scheduler is unchecked.

    I could not detect a PlugIn that may intervene yet.

    Thread Starter melo1551

    (@melo1551)

    It is actually one of the default statuses (wc-failed), I might be trying for Plugin incompatibilities in this case.

    Thread Starter melo1551

    (@melo1551)

    No issue shown there. Could you confirm that the emails are usually sent?

    I just used the WP Mail Logging Plug in to see if a mail is sent and there was actually nothing sent via the wp_mail() function.

    • This reply was modified 3 years, 1 month ago by melo1551.
    Thread Starter melo1551

    (@melo1551)

    When changed manually the email is actually sent, so I assumed that this could be a bug from the PlugIn or that the email function may not be included. Would be interesting if I am the only one that has this issue.

    Edit: After deleting my cache it actually seems that it’s working fine now! Ignore the following:

    Sorry for asking you such a crazy amount of questions. Did you separate the barba.hooks.beforeEnter from the other snippet parts?

    mine now looks like this after I implemented it the same way as you did:

    <script>
        ;
        (function() {
    
            document.addEventListener("DOMContentLoaded", () => {
    
                gsap.set('.ob-barba-loader', {
                    scaleX: 0,
                    rotation: 30,
                    xPercent: -5,
                    yPercent: -50,
                    transformOrigin: 'left center',
                    autoAlpha: 1
                });
    
                barba.hooks.beforeEnter(({current, next}) => {
                    // Set <body> classes for the 'next' page
                    if (current.container) {
                        // // only run during a page transition - not initial load
                        let nextHtml = next.html;
                        let response = nextHtml.replace(/(<\/?)body( .+?)?>/gi, "$1notbody$2>", nextHtml);
    
                        let bodyClasses = jQuery(response).filter("notbody").attr("class");
                        jQuery("body").attr("class", bodyClasses);
    
                        // ELEMENTOR
                        // Where the magic happens - this loads the new Elementor styles and removes the old styles
                        if (bodyClasses.includes("elementor-page")) {
                            let currentPageId = current.container.querySelector(".elementor").getAttribute("data-elementor-id");
                            let nextPageId = next.container.querySelector(".elementor").getAttribute("data-elementor-id");
                            let oldScriptURL = "/wp-content/uploads/elementor/css/post-" + currentPageId + ".css";
                            let newScriptURL = "/wp-content/uploads/elementor/css/post-" + nextPageId + ".css"; // Add this for cache fix: ?cachebuster=' + new Date().getTime()
    
                            console.log('Old css: ' + oldScriptURL);
                            console.log('New css: ' + newScriptURL);
                            console.log(current.container);
    
                            const oldElementorScript = document.querySelector('link[src="' + oldScriptURL + '"]');
                            if (oldElementorScript) {
                                oldElementorScript.remove();
                            }
                            loadjscssfile(newScriptURL, "css");
    											  jQuery('.elementor-element').each(function() { elementorFrontend.elementsHandler.runReadyTrigger( jQuery( this ) ); });
                        }
                    }
    
                });
    
                barba.init({
                    debug: true,
                    timeout: 5000,
                    transitions: [{
                        async leave() {
                            await loaderIn();
                        },
                        enter() {
                            window.scrollTo(0, 0);
                            loaderAway();
                        }
                    }]
                });
    
            });
    
            loaderIn = function() {
                // GSAP tween to stretch the loading screen across the whole screen
                return gsap.fromTo('.ob-barba-loader',
                {
                    rotation: 10,
                    scaleX: 0,
                    xPercent: -5
                },
                {
                    duration: 0.4,
                    xPercent: 0,
                    scaleX: 1,
                    rotation: 0,
                    ease: 'power4.inOut',
                    transformOrigin: 'left center'
                });
            }
    
            loaderAway = function() {
                // GSAP tween to hide loading screen
                return gsap.to('.ob-barba-loader', {
                    duration: 0.4,
                    scaleX: 0,
                    xPercent: 5,
                    rotation: -10,
                    transformOrigin: 'right center',
                    ease: 'power4.inOut'
                });
            }
            // This function helps add and remove js and css files during a page transition
            loadjscssfile = function(filename, filetype) {
                if (filetype == "js") {
                    //if filename is a external JavaScript file
                    const existingScript = document.querySelector('script[src="${filename}"]');
                    if (existingScript) {
                        existingScript.remove();
                    }
                    var fileref = document.createElement("script");
                    fileref.setAttribute("type", "text/javascript");
                    fileref.setAttribute("src", filename);
                } else if (filetype == "css") {
                    //if filename is an external CSS file
                    const existingCSS = document.querySelector(<code>link[href='${filename}']</code>);
                    if (existingCSS) {
                        existingCSS.remove();
                    }
                    var fileref = document.createElement("link");
                    fileref.setAttribute("rel", "stylesheet");
                    fileref.setAttribute("type", "text/css");
                    fileref.setAttribute("href", filename);
                }
                if (typeof fileref != "undefined")
                    document.getElementsByTagName("head")[0].appendChild(fileref);
            }
    
        })();
        </script>
    • This reply was modified 3 years, 2 months ago by melo1551.
    • This reply was modified 3 years, 2 months ago by melo1551.

    Hey, I actually had a similar problem some days ago and I was able to remove the blue focus border with that CSS code (you actually might be able to adapt the CSS to the specific page where the 3D object is placed, so it does not disappear on other pages):

    :-webkit-direct-focus {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px!important;}

    input:focus,
    select:focus,
    textarea:focus,
    button:focus {
    outline: none;
    }

    *:focus {
    outline: none;
    }`

    I hope I’ll work for you

    • This reply was modified 3 years, 2 months ago by melo1551.

    @florianw7 yes I actually tried that but I am not sure if I misplaced the code. It actually broke the barbafunction when I placed the code there. Could you show me the code you use so I can compare my errors or actually just copy & paste it?

    @florianw7 I really appreciate you telling me where to put it. I tried to implement the code in so many ways but it would make no difference. The js for the widgets is not being triggered in some way and they do not work as they do on a normal page load.

    Thread Starter melo1551

    (@melo1551)

    Hello,
    I contacted the support but I was not allowed to give direct access to the website to a third party. I could figure out that there might be compatiblity issues with my WPML Multilingual CMS I`m using the WPML Multilingual CMS version 4.4.12. Is there any solution to the problem.

    @florianw7 could you tell me where exactly you inserted that code snippet? It does not word for me putting it just in the header or footer.

    The reason why your CSS would not load is because you did not adapt the link that represents the path to your elementor CSS files.

    This is the script that is on the website from Oooh Boi:

    <script>
        ;
        (function() {
    
            document.addEventListener("DOMContentLoaded", () => {
    
                gsap.set('.ob-barba-loader', {
                    scaleX: 0,
                    rotation: 30,
                    xPercent: -5,
                    yPercent: -50,
                    transformOrigin: 'left center',
                    autoAlpha: 1
                });
    
                barba.hooks.beforeEnter(({current, next}) => {
    
                    // Set <body> classes for the 'next' page
                    if (current.container) {
                        // // only run during a page transition - not initial load
                        let nextHtml = next.html;
                        let response = nextHtml.replace(/(<\/?)body( .+?)?>/gi, "$1notbody$2>", nextHtml);
    
                        let bodyClasses = jQuery(response).filter("notbody").attr("class");
                        jQuery("body").attr("class", bodyClasses);
    
                        // ELEMENTOR
                        // Where the magic happens - this loads the new Elementor styles and removes the old styles
                        if (bodyClasses.includes("elementor-page")) {
                            let currentPageId = current.container.querySelector(".elementor").getAttribute("data-elementor-id");
                            let nextPageId = next.container.querySelector(".elementor").getAttribute("data-elementor-id");
                            let oldScriptURL = "https://ooohboi.space/barba/wp-content/uploads/sites/8/elementor/css/post-" + currentPageId + ".css";
                            let newScriptURL = "https://ooohboi.space/barba/wp-content/uploads/sites/8/elementor/css/post-" + nextPageId + ".css"; // Add this for cache fix: ?cachebuster=' + new Date().getTime()
    
                            console.log('Old css: ' + oldScriptURL);
                            console.log('New css: ' + newScriptURL);
                            console.log(current.container);
    
                            const oldElementorScript = document.querySelector('link[src="' + oldScriptURL + '"]');
                            if (oldElementorScript) {
                                oldElementorScript.remove();
                            }
                            loadjscssfile(newScriptURL, "css");
                        }
                    }
    
                });
    
                barba.init({
                    debug: true,
                    timeout: 5000,
                    transitions: [{
                        async leave() {
                            await loaderIn();
                        },
                        enter() {
                            window.scrollTo(0, 0);
                            loaderAway();
                        }
                    }]
                });
    
            });
    
            loaderIn = function() {
                // GSAP tween to stretch the loading screen across the whole screen
                return gsap.fromTo('.ob-barba-loader',
                {
                    rotation: 10,
                    scaleX: 0,
                    xPercent: -5
                },
                {
                    duration: 0.4,
                    xPercent: 0,
                    scaleX: 1,
                    rotation: 0,
                    ease: 'power4.inOut',
                    transformOrigin: 'left center'
                });
            }
    
            loaderAway = function() {
                // GSAP tween to hide loading screen
                return gsap.to('.ob-barba-loader', {
                    duration: 0.4,
                    scaleX: 0,
                    xPercent: 5,
                    rotation: -10,
                    transformOrigin: 'right center',
                    ease: 'power4.inOut'
                });
            }
            // This function helps add and remove js and css files during a page transition
            loadjscssfile = function(filename, filetype) {
                if (filetype == "js") {
                    //if filename is a external JavaScript file
                    const existingScript = document.querySelector('script[src="${filename}"]');
                    if (existingScript) {
                        existingScript.remove();
                    }
                    var fileref = document.createElement("script");
                    fileref.setAttribute("type", "text/javascript");
                    fileref.setAttribute("src", filename);
                } else if (filetype == "css") {
                    //if filename is an external CSS file
                    const existingCSS = document.querySelector(<code>link[href='${filename}']</code>);
                    if (existingCSS) {
                        existingCSS.remove();
                    }
                    var fileref = document.createElement("link");
                    fileref.setAttribute("rel", "stylesheet");
                    fileref.setAttribute("type", "text/css");
                    fileref.setAttribute("href", filename);
                }
                if (typeof fileref != "undefined")
                    document.getElementsByTagName("head")[0].appendChild(fileref);
            }
    
        })();
        </script>

    if you just copied this code it is obvious that your css will not load because the code includes the individual path of his website.

    It’s actually this part of the code that has to be adapted

    // ELEMENTOR
                        // Where the magic happens - this loads the new Elementor styles and removes the old styles
                        if (bodyClasses.includes("elementor-page")) {
                            let currentPageId = current.container.querySelector(".elementor").getAttribute("data-elementor-id");
                            let nextPageId = next.container.querySelector(".elementor").getAttribute("data-elementor-id");
                            let oldScriptURL = "https://ooohboi.space/barba/wp-content/uploads/sites/8/elementor/css/post-" + currentPageId + ".css";
                            let newScriptURL = "https://ooohboi.space/barba/wp-content/uploads/sites/8/elementor/css/post-" + nextPageId + ".css"; // Add this for cache fix: ?cachebuster=' + new Date().getTime()

    You would have to copy your individual CSS path of your elementor page css folder

    in my case it was the following path:

    “/wp-content/uploads/elementor/css/post-“

    • This reply was modified 3 years, 4 months ago by melo1551.

    Same happens to me

Viewing 15 replies - 1 through 15 (of 17 total)