Forum Replies Created

Viewing 30 posts - 1 through 30 (of 240 total)
  • Author
    Posts
  • in reply to: Getting Disqus Comments to work on static pages #937358

    Ismael and team,
    In an effort to make this thread on Disqus even better I was wondering if you can help with On-Demand Loading.
    Want to do this because Disqus sends 150-180 requests every time it is loaded on a page and really lags the full page render.
    Even tried adding Disqus files to the PreLoad inside WP Engine but it still sends a million requests.

    I have seen a number of sites using Disqus that have a “Load Comments” button at the bottom and it does call Disqus until it is clicked.
    One solution is on GitHub but I can’t seem to get it to work
    https://gist.github.com/nternetinspired/7482445

    Currently, as mentioned above, I have this as my comments.php with my Disqus handle/shortname replacing EXAMPLE for the src

    <?php if (comments_open()) : ?>
    <div id="disqus_thread"></div>
    <script>
        /**
         *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
         *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
         */
        /*
        var disqus_config = function () {
            this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
            this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
        };
        */
        (function() {  // DON'T EDIT BELOW THIS LINE
            var d = document, s = d.createElement('script');
            
            s.src = '//EXAMPLE.disqus.com/embed.js';
            
            s.setAttribute('data-timestamp', +new Date());
            (d.head || d.body).appendChild(s);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <?php endif; // comments_open ?>

    With that code, this is my call for placement
    comments_template( '/includes/comments.php');

    GitHub recommends this instead

    $(document).ready(function() {
        $('.show-comments').on('click', function(){
              var disqus_shortname = 'YOUR-DISQUS-USERNAME'; // Replace this value with *your* username.
    
              // ajax request to load the disqus javascript
              $.ajax({
                      type: "GET",
                      url: "http://" + disqus_shortname + ".disqus.com/embed.js",
                      dataType: "script",
                      cache: true
              });
              // hide the button once comments load
              $(this).fadeOut();
        });
    });

    It then mentions to use this but the button never opens

    <!-- An element a visitor can click if they <3 comments! -->
    <button class="show-comments">Load Disqus comments</button>
    
    <!-- The empty element required for Disqus to loads comments into -->  
    <div id="disqus_thread"></div>
    in reply to: Disqus comments not showing #937353

    @dolandr did you follow the steps I posted in this thread?
    https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -on-static-pages/
    You have to create a new Comments.php in your child theme after activating the Disqus plugin.
    Then for “Posts” you have to add the call to the Includes>Loop-page.php on the parent theme (yes each time you update)
    And for “Pages” you have to add the same call inside Template Builder

    It is working great for me on a site with 800,000 monthly visitors with no problems on Enfold

    in reply to: Google reCAPTCHA and Enfold Contact Form #930793

    what do you mean useless for preventing spam?
    You may want to check out the info on the service from Google. It has worked to reduce spam on the sites I’m using it on.
    https://developers.google.com/recaptcha/

    That being said, it would be way better if it could be directly built into Enfold as this solution has not been seamless.
    You can be totally blocked from submitting using the method above even when you are able to pass through Google’s own tester
    https://www.google.com/recaptcha/api2/demo

    Jon

    in reply to: How to remove search icon from header #930078

    Just an update, but this option is now under Theme Options > Main Menu > General

    in reply to: Enfold Showcase #925737

    @studio13SprayTan, that looks awesome! You just gave us a lot of ideas!
    One thing is you may want to set IMMACULATE AESTHETICS block to hide on mobile and create an alternative for mobile only so the scroll effect isn’t half cut off. Interested in how you did your mouseover actions.

    in reply to: Issue with Logo Left Menu Below (Sticky & Alignment) #923635

    That is great news, thank you.
    The minify/combine options also cover my 3rd party plugins so I will still have to use it some.
    Just updated to Enfold version 4.2.6 from 4.2.5 so I will troubleshoot and let you know if fixed the issue or have more questions.

    in reply to: Issue with Logo Left Menu Below (Sticky & Alignment) #923307

    WOW! thank you for the link to the new Enfold documentation on Graphitivity, great resource.
    I’m excited to dig through it and am sure it will give me new ideas.

    The float right code kind of works but created a weird stack as the screen gets smaller.
    Will look into the Enfold documentation on Graphitivity to see if I can figure it out and will let you know if I found something or if I have more questions.

    I’m still stuck on Issue #2 from my original post
    I have the header set to Logo Above-Menu Below, the behavior set to Shrinking Header, and Sticky Header turned on.
    Then the following code to make the Logo Above area hide on scroll so only the menu is sticky.

    .header-scrolled #header_main .av-logo-container {
        display: none !important;
    }

    It works okay until I enable “Combine JS Files” in WP Engine the Shrinking Header function stops working in both the Firefox and Edge browsers.
    Is there a file I should be adding into the exclusion for “Combine JS Files”? Or is there a different way to accomplish this?

    Combining the sites JS Files is pretty important to reduce the number of requests and I’ve only had conflicts with Enfold’s Shrinking Header as well as the mobile toggle for Noo Menu submenus but was able to exclude /wp-content/plugins/noo-menu/(.*).js to fix that one.
    Shrinking Headers looks to be the only function or element in Enfold that has an issue after “Combine JS Files”

    Thanks again,
    Jon

    in reply to: Enfold Showcase #922790

    @flysocial nice work David!
    what did you use to add FB Messenager for chat?

    only thing I see is that you can get rid of the Facebook Conversion Pixel Plugin. It’s better if you use Google Tag Manager. You put your short tag code under Google Services in Enfold then inside the Google Tag Manager add in your Analytics UA, Google Remarketing, Outbound Link Tracking, and a html tracker where you paste your Facebook Pixel. Those are the 4 I do anyway but you can do way more and can even add multiple Facebook Pixels to one Google Tag.

    this way each time the site loads only the Google Tag is triggered and away from your site Google handles everything else. It’s way lighter, spammers can’t scan to see if you have Pixel running on your website, and you can ditch the extra plugin.

    in reply to: Issue with Logo Left Menu Below (Sticky & Alignment) #922521

    Victoria,

    I just disabled Minify for CSS and JS as well as disabled Combine Files for CSS and JS

    Issue #2 Update
    Did notice that when I disabled Combine Files for JS that the logo area of the header did start to disappear on scroll with the menu sticking on both Edge and Firefox finally. Since my display none code was in the Enfold Dynamic CSS I assume maybe that the Shrinking Header is a JS function? I do have the ability to exclude JS files if needed. Am hoping there is a way to get this to work while also keeping the import Minifiy and Combine options enabled.
    Looks like the AVIA Animated Numbers are affected in the same way as they stay stuck at zero (I’m not using them but did test).

    Added you as an admin to the staging site, see private info

    Thanks again,
    Jon

    in reply to: Enfold Showcase #920533

    Mircosoft Explorer is no longer a supported Browser, Edge replaced it a long time ago now.
    You have to contact your hosting provider or issuer of the SSL for the problem you are having as it is not related to the Enfold theme.

    Either way, your question isn’t related to the Enfold Showcase thread and your examples don’t all look they are all using this theme

    in reply to: Animated Numbers Not Working #919778

    I’m having the same issue of al 0’s on my site using WP Rocket Caching.
    When faced with the choice between Optimize/Minify JavaScript or having the animated numbers work I’ll choose to Optimize every time, so I can’t really use this feature.

    Any update on how the Animated Numbers are going to be handled in future versions of Enfold?
    Or a fallback where if it is Optimized the raw number will still show up even if the animation is blocked?

    Thanks
    Jon

    in reply to: Problem uploading Demos #918754

    I don’t have any demos in my site and am also seeing a large number of error logs the past few days since updating with his message

    “/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/numbers/numbers.js): failed to open stream: No such file or directory in /nas/content/live/bigboytravel/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 238, referer: http://www.bigboytravel.com/

    am also seeing errors for the same line with
    /avia-shortcodes/portfolio/portfolio.js & css
    /table.css & js
    /numbers.js & css
    /icon.css & js
    /buttons.css & js
    /portfolio.js & css
    /hr.js & css
    /config-templatebuilder/avia-template-builder/php/asset-manager.class.php

    Jon

    in reply to: Getting Disqus Comments to work on static pages #918737

    Update:
    With the Newest theme update

    // Disqus
    comments_template( '/wp-content/themes/enfold-child/comments.php');

    Must now go right above this inside template-builder.php (roughly line 102)
    //only close divs if the user didnt add fullwidth slider elements at the end. also skip sidebar if the last element is a slider

    to make Disqus show up on static Pages when using the Enfold AVIA Editor.

    If you are using Visual Composer instead of AVIA then you will follow the placement listed above inside of loop-page.php
    loop-page.php can be found under the “includes” toggle while Template-builder.php is one of the main ones in the editor

    If you have a mixture of pages with both editors for some reason you will have to do both methods

    Jon

    in reply to: Didn't know Visual Composer is not compatible with Enfold #917021

    visual composer works great on Enfold.
    I use the two together on my blog which has 800,000 hits a month with no issues. that being said I have been migrating my content page by page to the editor built into Enfold instead and when I’m done will be removing VC.
    Since Enfold’ s editor has caught up functionality wise as of last year, there is no need to add VC unless you are moving a large site that already has it.
    Jon

    in reply to: Add top padding to Special Heading #913414

    Mike,

    Yep the code works great and can be closed

    in reply to: Add top padding to Special Heading #913020

    huge help, thanks Yigit.
    It is simple code but I missing a small piece.

    Am now using your Special Heading padding CSS along with another bit to make my images 100% width on mobile while also adding some padding next to the Specials Headers on mobile since they are not wrapped in a text element. It looks really slick

    @media screen and (max-width: 767px) .av-special-heading h5 .av-special-heading h4 { padding-left: 15px!important; }
    
    @media screen and (max-width: 767px) {
    .responsive #top #wrap_all .container { width: 100% !important; max-width: 100% !important; }
    }
    in reply to: Google Maps API Key Not Working #903942

    Has this been resolved?
    I am having the same problem on my website and have disabled all plugins and updated the theme but it is showing the same error.
    Was on 4.1 when I noticed it today and updated to 4.2 but no luck.
    Looks like a couple dozen other people have asked questions like this in the support forum but there hasn’t been a real fix that I found.

    Jon

    in reply to: Google reCAPTCHA and Enfold Contact Form #897771

    Ismael,

    Although I thought I was, I’m not 100% getting that solution to work as it is blocking some valid users from clearing reCAPTCHA.
    Have had a number of reoccurring customers say that it isn’t letting them submit their forms and isn’t giving any error, just doesn’t clear.

    Inside https://www.google.com/recaptcha/admin#list I get the following error notification with no way to troubleshoot:
    We detected that your site is not verifying reCAPTCHA solutions. This is required for the proper use of reCAPTCHA on your site.

    I used the code found here https://kriesi.at/support/topic/ (Purchase code hidden if logged out)(Purchase code hidden if logged out) /#post-817676
    the only change I made to the value from data-sitekey=”xxxxxxxxxxxxxxxxxxxxxxxxxxx” provided by Google here
    var publickey = 'YOUR PUBLIC API KEY';
    didn’t change anything else or use my secret key at all

    The full code I added is in the private content

    in reply to: Enfold AMP (Accelerated Mobile Pages) #893412

    AMP uses entirely different markups than old HTML as it avoids tons of JavaScript and usually limits CSS to only 50kb so minification is especially important with CSS. When done properly AMP even strips out things inside tags so having the backend theme optimized would be a lot more helpful. Many of the 3rd party plugins I have used for AMP really make the out of the box experience with Enfold not very good on AMP enabled mobile pages.

    AMP and overall site speed really are becoming huge ranking factors with Google so it is important to future proof as well as create a faster experience. Almost as equally important is switching your sites to https which Google recently called “imperative” for search rankings.

    Some things in the short term I have found to really speed up my sites are to move them away from GoDaddy to WP Engine instead which made a huge difference in both speed and uptime. Can’t underestimate how big of a difference. Another great option for amazing hosting is SiteGround, it and WPEngine are the best. Along with switching hosting, I did the regular maintenance of reducing the number of plugins I’m using and clean up the CSS to be lighter.

    In addition, I used the Imagify plugin to minimize/optimize all of the images which is the only plugin I have found that really works well, a thousand times better than WPSmush. All of my images were already optimized in photoshop but Imagify still on average has reduced the sizes by another 40% without bringing down the quality. For Caching I got WP Rocket which has been great and works well with WP Engines internal coaching as well I my hosting’s CDN. The CDN has made a bigger difference for me by evening out the experience in different cities and countries.

    My site https://www.bigboytravel.com is the most cluttered and busiest I have and while it still has a long way to go speed wise, the tips I mention above have really helped a lot so far in making it faster as I wait on AMP

    in reply to: AMP Plug-Ins for Enfold Theme #893393

    @havi how did you get your Adsense Ad in the Sidebar to load so fast on this website?
    I assume it was something you did in addition to the AMP solution since it isn’t on mobile
    Seems to load Adsense 10-20 times faster than any site I have combo AdSense with Enfold
    I have tried shortcodes and using the recommended asynchronous code

    Jon

    in reply to: Getting Disqus Comments to work on static pages #892410

    Think I figured it out, maybe?
    I copied the contents of my custom comments.php shown above to my child theme
    In that code I replaced the unique identifier and s.src = ‘//EXAMPLE.disqus.com/embed.js’; with the handle related to my Disqus account just like I did before.

    Then I added the code below to the parent theme’s template-builder.php file on line 59 (above the sidebar and footer call code) instead of putting it into the loop-page.php file

    // Disqus
    comments_template( '/wp-content/themes/enfold-child/comments.php');

    This seems to be working correctly on this page using Enfold’s AVIA Advanced Layout Builder for the editor
    https://www.bigboytravel.com/europe/topmedievalcities/

    Did I do it right?

    in reply to: Getting Disqus Comments to work on static pages #891328

    I switched the code in pageloop.php to have the correct file path but it didn’t make a difference
    comments_template( ‘/comments.php’);

    Disqus comments are still working fine on pages using Visual Composer with the change
    ex: https://www.bigboytravel.com/europe/austria/hallstatt/

    But are still not working on pages using Enfold’s Avia Editor
    ex: https://www.bigboytravel.com/italy/siena/

    in reply to: Getting Disqus Comments to work on static pages #891034

    Victoria,

    I had opened a ticket with Disqus also and they said that the code and set up was correct and that they believed it was likely an issue with the Enfold theme. To test I first disabled all plugins except Disqus however the comments still wouldn’t show up on pages using the AVIA editor. Once I switched from Enfold to the default WordPress theme of Twenty Seventeen however the Disqus comments showed up on every page with no problems.

    Since using the Visual Composer plugin instead of AVIA lets the Disqus show up and disabling the theme also lets Disqus show up I am inclined to agree with them at it looks like a them/editor issue. I hope your team is able to find a solution as Disqus is the #1 comments plugin on WordPress. This is the last hurdle I have left for moving my popular travel blog over to Enfold as finding a solution for Disqus will allow me to finally ditch Visual Composer for AVIA.

    Thanks again for looking into this!
    Jon

    in reply to: Getting Disqus Comments to work on static pages #890912

    here you go, my PHP edits are on the parent theme as I have been weary of overriding the parent PageLoop.php in the Child Theme

    in reply to: Getting Disqus Comments to work on static pages #890864

    Victoria,

    The Null error on the Disqus Embed only seems to be showing up in the pages with the AVIA editor and works great on the other 230 pages of the site`

    I have still been using the method listed above by replacing the contents of comments.php with the code above.
    One tweak to the code above is to replace the s.src = ‘//EXAMPLE.disqus.com/embed.js’; with my own identifier supplied by Disqus (see private comments)

    Then in PageLoop.php I added
    comments_template( ‘/includes/comments.php’);
    right above:
    echo ‘<footer class=”entry-footer”>’;

    in reply to: Favicon for different platforms in header #890367

    will this support just be built into Enfold soon were the standard Favicon under theme settings gets assigned as Android & Apple Touch icons?

    in reply to: Getting Disqus Comments to work on static pages #890336

    I have noticed that this solution for Disqus is still working with the pages that I am using the Visual Composer editor for, but is no longer working for the pages which use the AVIA editor. I just started to convert all my my pages from to AVIA so I can ditch Visual Composer and noticed the issue.
    Is there another change I should make to my Comments.php or PageLoop.php?

    in reply to: Container Problems Using Short Codes With Enfold Editor #888042

    Ismael,

    Thanks for your help.

    That method didn’t seem to work as it still broke the container and moved it above the content, but turned the ad into a + sign.
    I will copy the site to a staging area later today and supply you with new log ins and sFTP for the staging.

    Jon

    in reply to: Container Problems Using Short Codes With Enfold Editor #887134

    sorry I switched from to better hosting and it reset my passwords

    in reply to: Container Problems Using Short Codes With Enfold Editor #885874

    I’m not sure either, which is why I asked
    It doesn’t act like this inside the sidebar/footer widgets or when using the Visual Composer editors, it’s only an issue with the AVIA editor
    The 250 other pages on my site which aren’t using AVIA are working correctly using shortcodes to serve Adsense.

    Jon.

Viewing 30 posts - 1 through 30 (of 240 total)