Home Forums Porto Template Share feature not showing

This topic contains 33 replies, has 2 voices, and was last updated by  Support2 1 week, 5 days ago. This post has been viewed 187 times

Viewing 34 posts - 1 through 34 (of 34 total)
  • Author
    Posts
  • #10030069

    mbv
    Participant

    Hey Guys, can you look at the footer of our site. The Share options no longer loads. Thanks.


    #10030073

    Support2
    Keymaster

    Hello Mbv,

    We entered your website now and the Share buttons on footer are working normally. Maybe you already solved this issue ?
    But note that issue with features that are not included on the downloaded package of Porto is out of our support scope (like the share buttons you are using). We hope you undestand it.

    Let us know if you have more questions.

    Kind Regards,

    Rodrigo.


    #10030115

    mbv
    Participant

    Thanks Guys. Didn’t realize that was 3rd party. Found it to be the FireFox block feature. All set.

    Another question, we are looking to add a pop-up window on just the thank you page which loads after a purchase: http://www.stickykicksrc.com/thank-you.html

    We have added the js code called popupCheck2 on the custom.css (currently commented out).
    Now, how do we set it up so that just this pop-up will open on just thank-you.html and not the entire site?

    Finally, on the pop-up window we are using the html option. We need to make a simple form that allows you to select from 8 radio button options, and has a Submit button to e-mail us the form results. Any sample code for that?


    #10030119

    Support2
    Keymaster

    Hello mbv,

    Great that you figured out the issue with share buttons.

    Regarding the popup only on thank you page: You can detect in wich page we are and then check it with JS:

    var path = window.location.pathname,
    	current_page = path.split("/").pop();
    
    $(window).on('load', function(){
    	var delay = 1000; // 1 seconds
    
        if( getCookie('popupCheck2') != 'true' && current_page = 'thank-you.html' ) {
    
            setTimeout(function(){
                $.magnificPopup.open({
                    items: [
                    	{
                    		src: '<div class="popupwindow-inline-content"><div data-type="countdown" data-id="531367" class="tickcounter" style="width: 98%; position: relative; padding-bottom: 25%"><a href="//www.tickcounter.com/countdown/531367/free-tire-bands-ends-in" title="Free Tire Bands Ends In...">Free Tire Bands Ends In...</a><a href="//www.tickcounter.com/" title="Countdown">Countdown</a></div><script>(function(d, s, id) { var js, pjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//www.tickcounter.com/static/js/loader.js"; pjs.parentNode.insertBefore(js, pjs); }(document, "script", "tickcounter-sdk"));</script> </div>'
                    	}
                    ],
                    type: 'inline'
                });
                setCookie('popupCheck2', 'true', 0); // Expires in 1 day
        	}, delay);
    
        }
    });
    
    // Set cookie
    function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        var expires = "expires="+d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }
    
    // Get cookie
    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for(var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    * Note the current_page.

    Regarding form with radios, Porto don’t comes with a ready code for that. But you can use as base and modify the code of contact form. Basically you will need to create a contact form with 8 radios. This FAQ topic should help you in how to create the radios and send trough a contact form:

    Our suggestion is create a contact page with 8 radios and when the page is ready and working you can just copy and paste the necessary files and code on the popup window.

    Hope this helps.

    Kind Regards,

    Rodrigo.


    #10030123

    mbv
    Participant

    Thanks Guys. We are adding the code and working on the contact form page now and will move the html to the custom.css when ready.

    Real quick, we are getting a syntax error in Dreamweaver using the code you offered.
    The bad line of code is as follows:
    if( getCookie(‘popupCheck2’) != ‘true’ && current_page = ‘thank-you.html’ ) {


    #10030124

    mbv
    Participant

    Screen shot at https://ibb.co/0fR3n94


    #10030126

    Support2
    Keymaster

    Hello mbv,

    Oh Sorry. It’s missing a =. Please change to:

    if( getCookie('popupCheck2') != 'true' && current_page == 'thank-you.html' ) {

    Kind Regards,

    Rodrigo.


    #10030127

    mbv
    Participant

    awesome! Working great now we will create the form page. Thank you Rodrigo.


    #10030128

    mbv
    Participant

    Thanks to your idea to create a contact us page first, we ended up ditching the pop-up option and making the thank-you.html page host the contact form. Ended up using a drop down over Radio buttons. We have the page laid out that way we like, but we don’t seem to have the contact-us-advanced.php PHP file that the advanced form posts to. The full posting URL is actually: contact-us-advanced.php#contact-sent

    Page is at: http://www.stickykicksrc.com/thank-you.html


    #10030133

    Support2
    Keymaster

    Hello mbv,

    Here is the your contact-us-advanced page: http://www.stickykicksrc.com/contact-us-advanced.php
    My suggestion is use this page as base. You will see that the PHP code to send the contacts it’s on the top of document.

    Also note that we have PHP code for the captcha and check if the message was sent or not inside the contact form, so make sure you maintain those PHP codes on the form.

    Regarding the “contact-us-advanced.php#contact-sent” this is the URL with anchor when the contact form is sent.

    At the last you can rename the file to thank-you.php.

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10030136

    mbv
    Participant

    Thanks! We had found our copy of the contact-us-advanced.php page and did note the php changes within that page. We actually had already done exactly as you suggested (even named the page thank-you.php 🙂 but did not want to post it until after you had a chance to review what we had sent. The page is now live at http://www.stickykicksrc.com/thank-you.php but we need help with this please, Error! There was an error sending your message. (SMTP connect() failed. https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting)

    https://ibb.co/kQ45tnMerror


    #10030137

    mbv
    Participant

    Update: downloaded and installed the latest php-mailer docs at https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting
    same error after installing and testing. Question is, is it common to have to edit the smtp coding on the thank-you.php page?


    • This reply was modified 2 weeks, 4 days ago by  mbv.
    #10030139

    Support2
    Keymaster

    Hello mbv,

    Normally this error is related to a server config.
    Check if the information you are using on the SMTP settings are correct, like Host, SMTPAuth, username, password, SMTPSecure and Port.

    If it’s all correct and the problem still persists, for test purpose create an gmail account for tests and change the SMTP settings to:

    $mail->IsSMTP();                                         // Set mailer to use SMTP
    $mail->Host = 'smtp.gmail.com';				       // Specify main and backup server
    $mail->SMTPAuth = true;                                  // Enable SMTP authentication
    $mail->Username = 'yourgmailusername@gmail.com';                    // SMTP username
    $mail->Password = 'yourgmailpass';                              // SMTP password
    $mail->SMTPSecure = 'tls';                               // Enable encryption, 'ssl' also accepted
    $mail->Port = 587;   								       // TCP port to connect to

    * Also go to your gmail security account settings (https://myaccount.google.com/security) and turn on the “Allow access for less secure apps”.
    * This also is a test to check if you server has an issue with the SMTP settings (like wrong settings or a server issue).

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10030140

    mbv
    Participant

    Will do, what if we use the basic / non php contact form? Would we lose the Human Verification and Select a File features?


    #10030141

    Support2
    Keymaster

    Hello mbv,

    Yes you will lose the Human Verification and the Select File.

    But note that still will be necessary run the project trough a server with PHP, since even the contact-us basic uses PHP to send the emails (trough AJAX request with the file “php/contact-form.php”).

    Kind Regards,

    Rodrigo.


    #10030142

    mbv
    Participant

    Got it. So we will go with just the basic form. Link is now: http://www.stickykicksrc.com/thank-you.html not php

    The form seems to work fine but the response is a re-direct to another page. Can you take a peek?


    #10030143

    Support2
    Keymaster

    Hello mbv,

    Great.

    Regarding the “redirect”: It’s missing you include on the page the script view.contact.js:

    I saw you are using two new fields for “Color” and “Monthly”. In that case follow the instructions on this FAQ for new fields:

    * This is the way to pass the data correctly from HTML/JS to server side PHP.

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10030144

    mbv
    Participant

    Ok, I know we are close. We added the `<!– Current Page Vendor and Views –>
    <script src=”js/views/view.contact.js”></script>
    ` to the head and updated both view.contact.js and thank-you-form.php to include the 2 new added variables, color and giveaway.
    Cleared cached and tested but still re-directing.


    #10030145

    mbv
    Participant

    Hey there, got it working minus one issue. We want to edit our .php file to change the subject line of the e-mail: `$subject = ‘Sticky Kicks RC Monthly Giveaway’;
    `
    If we edit the subject in that line of code and re-upload the .php file the e-mail is no longer received. It is received if we leave the code exactly as listed above, only stops working if we change that to Sticky Kicks RC Wing Sticker. Very weird…

    http://www.stickykicksrc.com/thank-you.html


    #10030153

    Support2
    Keymaster

    Hello mbv,

    Very strange issue.
    The only thing I suppose is that the server is blocking the subject by blocked spam/ads words. Maybe you can try a more generic subject and put the “Sticky Kicks RC Wing Sticker” on the body of email.

    Kind Regards,

    Rodrigo.


    #10030165

    mbv
    Participant

    Thanks. Code is at https://pastebin.com/xyi8nUNz
    Very odd indeed 🙂 Works great until we edit the subject line field.


    • This reply was modified 2 weeks, 1 day ago by  mbv.
    #10030175

    Support2
    Keymaster

    Hello mbv,

    You code is correct without issues.

    As I mentioned in my last reply, the only thing I suppose is that the server (gmail) is blocking the subject by some dark list words/sentences. Maybe you can try a more generic subject and put the “Sticky Kicks RC Wing Sticker” on the body of email.

    You can try enabling the debug:

    $mail->SMTPDebug = 2;

    This will show a more detailed error message. Take a screenshot of the error and send for us here.

    Kind Regards,

    Rodrigo.


    #10030177

    mbv
    Participant

    It is very odd. We have used a clone of this code on several sites without an issue.
    Question, we are we adding the debug code. Into the custom.js perhaps?


    #10030178

    Support2
    Keymaster

    Hello mbv,

    This code is inside the contact form PHP code line 79.

    Kind Regards,

    Rodrigo.


    #10030181

    mbv
    Participant

    Ok, code for php/thank-you-form.php has been modified. That is the file name we are using for this form at http://www.stickykicksrc.com/thank-you.html

    Note, we have a copied version that we also use on http://www.stickykicksrc.com/monthly-giveaway.html (php/thank-you-form.php)

    We get the same error if we try and change that subject as well. Thanks!

    EDIT: screen shot https://ibb.co/fxL3bd5


    • This reply was modified 2 weeks, 1 day ago by  mbv.
    #10030183

    mbv
    Participant

    Quick update – we noted that our contact page used the alternate option for the subject line that you mentioned earlier. We edited both files and it works great on http://www.stickykicksrc.com/monthly-giveaway.html however, no e-mail is sent/received when we apply this option to http://www.stickykicksrc.com/thank-you.html and its php file
    Still actively working on it…


    #10030185

    mbv
    Participant

    update – we tried everything on this and here is where we ended up.
    Option B works on our contact page as well as our monthly giveaway page but will not work on the thank you page. Crazy, right 🙂 We’ve deleted the file from the server, started from scratch with a new page and php file… everything, and it will not send the e-mail. So, we are using option A on that thank you page. It will send the e-mail but we still cannot change any characters in Sticky Kicks RC Monthly Giveaway or it will not send an e-mail. So bizarre, right?

    Option A) $subject = ‘Sticky Kicks RC Monthly Giveaway’;
    Option B) $subject = $_POST[‘subject’];


    • This reply was modified 2 weeks, 1 day ago by  mbv.
    #10030194

    Support2
    Keymaster

    Hello mbv,

    Really this is crazy.

    Can you please send the FTP access to your server for us ? (host, username and password)
    So we can do some tests in your files and server.

    You can send here trough a private message, or if you prefer send for the email maaprote@gmail.com

    Kind Regards,

    Rodrigo.


    #10030199

    mbv
    Participant

    Just shot it over via e-mail. Yes, this is the strangest thing we have ran into 🙂


    #10030202

    Support2
    Keymaster

    Hello mbv,

    Thanks for the access.

    I did 2 tests on the page http://www.stickykicksrc.com/thank-you.html with the file php/test.php.

    First with the subject: “Sticky Kicks RC Monthly Giveaway”. Here is the result:

    Second with the subject: “Sticky Kicks RC Wing Sticker”. Here is the result:

    As you can see on the images the two tests worked successfully.

    Check if the email with “Sticky Kicks RC Wing Sticker” subject it’s on your gmail SPAM folder.

    This issue seems to be related to your gmail account. I can’t think in another thing after those two tests I did now. Maybe you can try with another gmail account to receive the emails, just for test purpose.

    I hope this helps.

    Kind Regards,

    Rodrigo.


    #10030203

    mbv
    Participant

    Ok gotcha, might be as simple as Spam huh? Checking now. Question, did you revert the files back? Thanks.


    #10030205

    Support2
    Keymaster

    Hello,

    The only thing I can think is it for now, due the tests I did before and received normally (also trough a gmail account).

    I reverted the files back. On the tests I just changed the variable $subject and $to.

    Feedback us about the issue 🙂

    Kind Regards,

    Rodrigo.


    #10030216

    mbv
    Participant

    Thank you for the patience and guidance. You were right about the Spam. We checked it and the forms have been working, just flagged.

    We had set-up Gmail filters so we did not thank that they would end up in spam. Turns out the filters were set-up to allow based on subject line and since we were changing the subject line, they were getting flagged.

    We changed the filter to allow based on the oklertestemail@gmail.com address so this won’t happen again.

    Everything is working great!


    #10030219

    Support2
    Keymaster

    Hello mbv,

    Oh great!

    If you need any further assistance, feel free to contact us.

    Kind Regards,

    Rodrigo.


Viewing 34 posts - 1 through 34 (of 34 total)