Discussion on Soonr - Modern Flexible Coming Soon Template

Discussion on Soonr - Modern Flexible Coming Soon Template

Cart 685 sales
Well Documented

CREATEBRILLIANCE supports this item

Supported

90 comments found.

I purchased your plugin today. Love it. I’m having a problem with the email though. It won’t work with or without the mail chimp api. I disable it and it still isn’t working. http://ndi.arkansasartscenter.org so you can take a look. A press release went out today and we’re loosing captures. :(

Hi alexmoomey, thx for purchasing the item!! Regarding your font issue: its due to cross origin scripting http://stackoverflow.com/questions/20032426/fontawesome-doesnt-display-in-firefox (you have multiple domains).

To find a solution for your mailchimp issue we first need to know how you set it up. (A little hint for mailchimp: After a user submits his /her email they will receive an email from mailchimp asking for confirming their sign up) If the user confirms a new registered user will be displayed in the mailchimp backend. So maybe this already was the issue regarding mailchimp.

The easiest way for us would be to have a look at your wordpress backend. Just provide us with your credentials on themes@createbrilliance.com

Cheers

Thank you so much. I have sent you the credentials you would need.

Everything is working now. These guys fixed me up quickly and i’m loving this plugin.

Hello Createbrilliance, I love the template that you’ve created for us and I actually have no issues or errors thus far. I’d actually bought this template to help one of my clients have a under construction landing page but of course after they’ve given me the thumbs up to make it live they wanted some extra changes.

The only thing that I have a question on is for the contact portion. My client wants the map section to be removed and have a contact form in its placement. As you can see: http://www.analoggod.com/

Now I know my coding isn’t fully correct (kinda copied how you had the form code setup for newsletters). I wanted to see by your help if there’s a particular coding / php that I need to create in order have users fill in the contact form and when they hit the submit button, the information goes straight to my clients email address.

Thank you in advanced.

I’ve done most of the ground work. Code:

<h3>Contact Form</h3>
                            <form id="newsletter-form" class="form-inline" role="form">
                            <div class="form-group">
                            <label class="sr-only" for"first_name">First Name</label>

                            <input type="first name" name="first_name" class="form-control" id="first_name" placeholder="Enter your first name">

                            <label class="sr-only" for"last_name">Last Name</label>

                            <input type="last name" name="last_name" class="form-control" id="last_name" placeholder="Enter your last name">

                           <label class="sr-only" for"email">Email</label>

                            <input type="email address" name="email" class="form-control" id="email" placeholder="Enter your email">

                         <br /><br />
                         <label class="sr-only" for"subject">Subject</label>

                            <input type="subject" name="subject" class="form-control" id="subject" placeholder="Subject">

                         <br /><br />
                         <label class="sr-only" for"message">Message</label>

                            <textarea name="message" cols="80" rows="10"></textarea>

                            <br /><br />

                                <button id="newsletter-submit-mailchimp" type="submit" class="btn btn-submit">
                                    <i class="fa fa-check" /> SUBMIT
                                </button>
                                </form>

</div>

HI jay2dab1987, first of all thx for purchasing the template. Regarding your issue: I don’t know your coding skills but if you have a look at the newsletter.php you should have a good starting point to do something similar like a contact.php. The only thing that would change is the a) validation and b) the number of form elements to send. You also need to have a look at the main.js file which handles the submit button action. If you still have issues just come back to us. PS: Your code looks fine but I personally would name it something else than newsletter so you don’t get in trouble;)

Cheers

Thank you for you swift reply :) I just went on ahead and just removed the form period because it would’ve taken me a longer time just to try to figure out if anything is working.

But it may be due to functions not working properly. For some reason, in which I’ve seen in a previous comment stated 4 months ago about the submit button not working. If you go back to the weblink before, you’ll see that if you type in a random email (like on your demo) and hit enter, it’ll tell you it’s not valid immediately. With mine for some reason when you hit enter, there’s no warning or etc. it just refreshes the page. I don’t even receive notification letting me know I’ve received anything in my invoices from the site.

I’ve done everything that you’ve stated, made sure ’’ was not removed when typing the email address, I’ve checked to make sure the email information was corrected, I’d made sure that my mailchimp information was correct…So I’m kinda clueless on why the subscribe newsletter is not working properly. Is there a way you can assist?

Hi jay2dab1987 just had a look at your mailchimp/js/mailing-list.js file. all the linebreaks are stripped off (this happens if you have set up your ftp client to the wrong uploading mode) so please make sure that this is not happening (you have to change your upload to binary mode, OR you delete all the comments within the file OR you make comments like this /* ...*/ instead of this //). This should do the trick.

BTW: After you have sent your email to mailchimp (via the newsletter) mailchimp wants the user to CONFIRM their newsletter signup. After that you can see a new entry in the mailchimp backend.

It would be awesome if you could rate the item. thx in advance!!!

Cheers and happy coding.

The way you’ve used the background picture doesn’t respect the image’s aspect ratio (like backstretch.js does), at least on the rain variant. On my own site, I decided to opt into backstretch instead, if you’d like to use that method.

http://desamojones.com

Basically:

1. Deleted the image tag (but preserved the parent’s DOM hierarchy) 2. Added backstretch.min.js in the right place. 3. $(”#rain-wrap”).backstretch(“img/wallp7.jpg”);

(I made other structural changes, but those are the only ones specific to the aspect ratio.)

hey desamo this sounds really great. thx alot for a) providing this hint and b) explaining a short how to. we really appreciate it!!!

For the news letter here is what I have on the store_address.php file for some odd reason I can’t get the mail chimp to connect. This is the last thing sorry so many questions.

require_once(‘MCAPI.class.php’); // grab an API Key from http://admin.mailchimp.com/account/api/ $api = new MCAPI ;

// grab your List's Unique Id by going to http://admin.mailchimp.com/lists/
// Click the "settings" link for the list - the Unique Id is at the bottom of that page. 
$list_id = "fe7aad371c";

just to make sure you know how mailchimp works. Once you submit your email mailchimp will send an email to you saying you need to approve your subscription. ONLY if you approve this email, your submitted email will be shown in the mailchimp list of subscribers. As far as i can see from your page the form works correct. cheers

Is there a way to give the user control to turn on and off the sound with a single click?

freedommcflyy basically this should be possible with a little bit of javascript. I don’t know how experienced you are with coding but it should not be a big problem (the code would be to set the mute variable to true or false). cheers

Here is the site looking good! Notice the message up top to see how to debug safari. http://shanelcoopersykes.websitecandi.com/

Thanks buddy you are awesome!

On the YouTube layout can I upload a image for the iPad and the iPhone to show up because the video will not play on those devices by any chance? Thanks =)

well you would do something like this:

if(!Modernizr.touch){
$('#video-wrapper').tubular({videoId: 'lMlZ4NCNVSE',wrapperZIndex: 9999});  
                    }else{
                        $('.slides-container').html("<img src="img/wallp1.jpg" alt="" /><img src="img/wallp2.jpg" alt="" /><img src="img/wallp3.jpg" alt="" /><img src="img/wallp4.jpg" alt="" /><img src="img/wallp5.jpg" alt="" /><img src="img/wallp6.jpg" alt="" /><img src="img/wallp7.jpg" alt="" />");
                        $('#slides').superslides({'play':5000});
                    };
so basically you would add all images you want and then you setup superslides to show a new slide every 5seconds. That’s it. Enjoy ;)

You are a real BOSS! Thank you so much!

you’re always welcome;) have fun man

Hey,

I desperately need some help with my soonr theme for WordPress. I recently purchased it and i put in all my mailchimp information and for some reason every time someone tries to sign up it says “FNAME” required. I don’t know what this means and i don’t know how to fix it.

have a look at the website www.thegs.com.au

PLEASE HELP.

hi TheGS thx alot for purchasing the item. Your issue seems like a configuration problem in mailchimp itself. Please go to your mailchimp account. In there go to list settings -> list fields and check for the required fields ONLY email should be the required field. that should do the trick. Please tell us if this was help full and please don’t forget to rate the soonr wordpress template we’d highly appreciate it.

cheers and have a great weekend!

OH WOW… that was really simple.. I SHOULD HAVE KNOWN THAT…. thank you so much for the help…!!! :)

Hey TheGS great that it worked out for you. Please be so kind and rate the wordpress item. thank you!

I got the lay out ready but how do i activate it? it say already enabled. Can someone please help?

hey SouthEdgeMag first of thx alot for purchasing. you are currently replying to the themeforest (html/css) version of soonr and it’s telling me that you did not purchase the item. so I assume that you are talking about the codecanyon wordpress plugin version. (and your question definitely makes more sense there anyway :D)

so what I’d like you to do is the following. You need to be logged out (from the wp-admin) in order to see the coming soon page. That should do the trick. cheers and please rate if you like it!!!! thx

I’m having trouble with mailchimp after submitting the email, the cog stays scrolling and it never give me a success message. The email is never getting to mailchimp either.

http://appleoutletbg.com is the site.

hey wilsonusman thx alot for purchasing the item. There’s definitely something wrong (icons are not showing up as well). I’d like to have a closer look at your issue and for mailchimp I’d need to have a look at a php file anyway. So the best thing would be if we could talk about this via email and I’ll have a look at the code. Is that fine? Please contact us via themes@createbrilliance.com thx

When will the WP version will be available?

you won’t believe it. It was released T O D A Y. here’s the link. http://codecanyon.net/item/-soonr-modern-flexible-coming-soon-template-/7190137

enjoy ;)

Great..! can the images fade instead of slide

Hi alcalarob can you provide the example you are viewing? If you talk about the background slider then yes it is possible to have a fade as well (yet that’s not supported in the bookeh effect but in all others) cheers

Hello. I have installed your static HTLM coming soon page. Loving it and it looks great. It works great 99% of the time, but occasionally, it appears that the background image doesn’t display and remains a very dark grey. Please can I send you a link to check out what the problems is.

Many thanks!

hey thx alot for purchasing the item. just go ahead and send it to themes@createbrilliance.com. We’ll have a look at it.

cheers and enjoy the weekend ;)

Can you make the video work in the preview before I buy this please?

Hi freedommcflyy great to hear that things finally go the way you want to ;). From what you have posted I’d say you have to set mute:false and it should do the job.

so consequently
$(’#video-wrapper’).tubular({videoId: ‘0bcjBRGBUHI’,mute:false,wrapperZIndex: 9999}); });
should be it. hope it works out for you. cheers and good work ;)

Thank you sir you are the MAN!

your welcome ;) glad it worked out

Hi, i am planning to buy your template and I d like to know if theres a possibility to change the font used for the intro text. It doesnt stand out enough from the background image – read: difficult to recognize.

Thanks :)

hi bigbuckberlin. yes sure it’s possible to use any font you want. you just need to set it up in the css file (and eventually load the font e.g. from google) i can show you how it’s done. cheers

Hi, Youtube video on Ipad with ios7 doesn’t work, Can you help me? thx!

hey simoneattana this is an issue with the plugin we are currently using. thanks alot for this hint. we will take a look at it. have a great day cheers

I’m Sorry for all the questions!

But i’m getting the hang of this. Just one more!

I’ve replaced the Main text with an image (See here) http://trs-studios.com/test

How can i get that image to resize on all resolutions?

It works fine on my screen, laptop and ipad… but it’s too big on an iphone.

I’d appreciate your continued support!

hey man there are never too much questions. first of all your site / modification of the template looks awesome. really great work. id love to feature (once it is finished) on themeforest as an example for an implementation if you want to.

regarding your question: there are several ways: first bootstrap provides a class for images that makes images “more responsive” it’s called img-responsive in version 3 of bootstrap. here’s an example.
<img src=".your image url" class="img-responsive" alt="" />

However to be a 100% sure that the image looks good on all devices I would use media queries. With mediaqueries you can call certain css stylings based e.g. on the width of the screen. So lets say for a max-width of 780px your image should have a width of 400px

@media only screen and (max-width: 780px) {
    .title-image{
      width:400px
   }
}
(HINT: of course your image first needs the class title-image for this media query to take effect on it) (HINT: You need to play a little with the width max-width setting of the media query so it really just takes effect when it is necessary) I hope this explanation was comprehensive and helpful enough for you. don’t hesitate to ask again if there’s some trouble.

cheers

The package could not be installed. The theme is missing the style.css stylesheet.

This appear when i try to install it. Can you help me out?

Unfortunately this is a html/css template. not a theme. I think you are trying to get this working on wordpress. This is not possible (yet). We are working hard on releasing a wordpress plugin version of soonr.

Hey guys!

Thanks for all your continued support! Top notch!

I was wondering, would you be able to help me with a few additions i would like to make?

I would like to add 3 Buttons that would link to different subdirectories on my domain.

So basically Soonr would be the landing page, then 3 buttons that link to 3 separate sites.

I would sincerely appreciate your help!

All the best!

sorry here is the code again
  <div class="btn-group">
  <button type="button" class="btn btn-default">Left</button>
  <button type="button" class="btn btn-default">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>

it’s ok figured it out!

glad you could figure it out yourself!

Download a long time for IE11 http://www.canary.com.tw

Any help would be greatly appreciated. Thanks!

hi et138571 thank you for purchasing the template. it looks pretty good. I don’t know if I got you right but you say that the preload takes too long? Website speed is always influenced by the size of your pictures and of course (regarding your case) the video. So it is probably the video and youtube that take some time to load. I’d suggest to temporarily remove the video and test the speed again. cheers

Hi there. I just want to know a couple of things before buying.

Once I install this template, what do I have to do to collect people’s email? Is this something simple or will you provide help for that? Also, on top of their email, I want their zip code, is that attainable?

Thanks so much!

Hi Marius7, thx for asking. Well collecting emails is an out of the box feature of soonr. (its the newsletter function but you can name it whatever you want). Soonr features two ways to collect emails. a) simple mail delivery to your inbox (meaning: people insert their email in the newsletter form field and you will receive their email adress)

b) You use the mailchimp feature which is also integrated into soonr. This feature sends the newsletter emails to your mailchimp account.

Regarding your second question: Collection more information is not possible out of the box but soonr is easy to extend so I can help you achieving your goal (i’d recommend to use mailchimp for that). So basically what we would have to do is add another field for the zipcode and make some modifications in the code and everything should be ready to go. Hope I could help you. Cheers

awesome design.

The NaN problem still exists though, looks like in Safari on my mac and iPhone.

I get the issue when I put try to change the date from the default. I copied the main.js file over and it works.

I changed the date to var target = new Date(“Feb 17 2014 21:15:00 GMT-0600”);

and I started having issues.

hi jrobertson427 thank you for purchasing the template. just tried your date. it is working for me (however I could just test it on a virtual machine safari and on an ipad3). let me summarize your issue so i can hopefully reproduce the problem: -you changed the date to feb 17.. and you get issues ONLY on your mac/iphone but it works on other devices? -the default date works on all devices

copying from a to b sometimes messes up the quotes. so what you could try first is to replace the quotes once again “by hand”. maybe this already helps. please keep me updated.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey