Discussion on Booom! - One-Page Flat UI Pro Bootstrap 3 Template

Discussion on Booom! - One-Page Flat UI Pro Bootstrap 3 Template

Cart 570 sales
Well Documented

simonswiss does not currently provide support for this item.

66 comments found.

Hello! My website email has been blocked from sending mails due to SPAM sent via contact form without captcha. They require captcha. How can I solve this within the template Booom!? Thank you in advance, Anne

This theme does not lay out properly on IE. Sometimes Firefox has trouble with it too.

You can even try it out http://themeforest.simonswissbox.com/?theme=Booom!

how do I show the customer’s tweet? I also changed the twitter / config.php file, but continues to show the envado twitt …

Hi, How can I enter a Google Map?

Hi,

This has nothing to do with the template – but here’s a tutorial on how to implement a google map on your template:

https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map#loading_the_api

Hope it helps!

Simon,

Two things, both related to working with Portfolios: 1) I cannot get my 6 items to display in 3 columns, and 2) when I click one of the Portfolio items, I don’t get a page that lets me do something like you’re doing in your example site. Can you point me in the right direction? Here’s a link to the site where I’m having trouble:

http://certification.trayplay.com/

Thanks!

Mark.

Mark,

Please try this CSS code into the Custom CSS field:
#section-gallery .vc_row{
    margin-right: 0;
    margin-left: 0;
}
Hope that helps.

That did it! Thanks so much, Toan!!

I’m glad it works, that’s my pleasure.

Feel free to let us know at WP version page if you have any further questions.

Cheers.

Thanks for the great theme Boom!. I have notices that the hero image flickers a bit when scrolling. How can I improve that? How can I make the picture stand still or scroll naturally with the page?

Deleted

Thanks for a great theme. We have a slight issue with the Gallery/Portfolio section where only 3 thumbnails are showing across the top row (instead of 4 as appears in the demo). Is there something we can do to fix this? Link: http://www.carista.co.uk/2015/#section-case-studies

Thanks, Martyn

Hi Martyn,

Sorry for the delay in my reply. I have checked your website and can see the portfolio spreading on 4 columns normally.

Did you change anything in the meantime?

Simon

Thanks for getting back to me Simon. Embarrassingly I discovered that the browser zoom was at 90%. This was the problem. Thanks anyway.

All good, no worries! Glad it’s working properly for you. I assume you purchased the theme with another account since there is no purchased label here :)

Posted duplicate in error – please delete

hello, is flat ui pro included in this theme? as a full ui elements? thanks.

Hi,

Sorry for the delay in my answer! Yes the full Flat UI Pro Kit is bundled with the template, including the different UI elements demo HTML files.

Hi! Amazing template! If i buy this theme – i can use Flat UI Pro controls? Where i can find the documentation online for FlatUI Kit Pro?

Hi – thanks for the kind words!

Yes, the whole Flat UI Pro kit is included in the template, so you can use any of the components that you can seee here: http://designmodo.com/flat/

However, the licence terms doesn’t allow you to re-use the Flat UI Pro kit outside of the template: you cannot start building other websites using the kit – you need to purchase a licence with Designmodo for that :)

Hope it helps!

Hi! Any chances for Wordpress version?

Hi,

The WordPress version was being developed by a partner, but things are taking very long and i cannot give you an official release date, although i wish it would have been available a year ago already :)

If you contact me via my profile contact form, I will send you a message when it becomes available.

Any update regarding the wordpress version?

Hi!

I’d love to give more news, but i am struggling to get in contact with the developer that’s working on it. I am really disappointed it is taking so long…

I will let you know as soon as i have some news, please stop asking in the comments section :)

what happened to the wordpress theme?

I really hope to have it done asap, i have been waiting more than a year :(

any luck?

Hi,

I realize that this was created as a ‘one page theme’ but I bought it hoping to use it to for a multipage site. I can manage everything just fine creating multiple pages with dropdown menu’s and such except that in tablets and phones the dropdown items do not appear.

Can you offer any suggestions as to what I might change to sort this issue?

Thanks

Hi,

Be sure to have the correct classes in your HTML markup, as per the navbar markup from Bootstrap 3: http://getbootstrap.com/components/#navbar-default

You should see the dropdown submenu items in all responsive layouts with the following navbar markup:

<ul class="nav navbar-nav navbar-right">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret" /></a>
        <ul class="dropdown-menu">
            <li><a href="#">Sub link 1</a></li>
            <li><a href="#">Sub link 2</a></li>
            <li><a href="#">Sub link 3</a></li>
        </ul>
    </li>
</ul>

Submenus may need some CSS styling as the template didn't really cater for them, but they should show up in both the normal navbar and the mobile dropdown one.

Hope it helps!

Simon

Hi Simon,

Thanks for the help … indeed this does get things working.

There is one other issue I am seeing by doing this and I am hoping that you can help.

Suppose I want the ‘Parent’ link to also be an actual link that when double tapped on iOS or clicked on desktop it will go to that page.

Example:

<ul class="nav navbar-nav navbar-right"> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li class="dropdown"> <a href="http://google.com" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret" /></a> <ul class="dropdown-menu"> <li><a href="#">Sub link 1</a></li> <li><a href="#">Sub link 2</a></li> <li><a href="#">Sub link 3</a></li> </ul> </li> </ul>

The above code works great on a desktop because when you hover over the parent link the sub menu appears and you can click on either a sub-item or the parent item. However, on iOS or touch devices when you tap the parent, the sub-menu appears but you are not able to actually go to the page that the parent links to.

I have scoured the Bootstrap website and several forums looking for a solution but I’ve been unable to find a solution.

I have a couple of really quick questions: 1.) When I tried to insert the standard Google Analytics script, MODx won’t save in General Settings. I removed the < script > tags just to see if it’d work and it did, although it just outputted as text under the footer. So the < script > tag seems to be freezing up MODx. Is this field expecting anything else outside of what Google Analytics provides?

2.) How do I disable the Twitter section, since this client doesn’t have a Twitter account?

3.) How do you change the title of the home page? (I know, I feel dumb lol) No matter what I name the homepage, it still says “Booom !|” in front of it. (Booom! followed by the pipe symbol.)

0) This comment thread is for the HTML version of the Booom! If you have other questions, please use the MODX version comments.

1) Great to hear about the modx_clientconfig_setting table trick!

5) To add an id attribute to each menu item, i would edit the nav_li chunk that is responsible for outputting each navigation element and add an id attribute there with whatever value you need :

\\

Here is a larger image link.

Oh no!!! I didn’t even realize I was posting on the wrong product!!! I’m very sorry!

5.) Thank you, you just taught me what the heck a “chunk” was; I was wondering about that! lol

No problem, don’t worry about it. Glad i could help :)

I purchased this in a bundle and thought I’d try this out.

Your instructions appear to reference an outdated version of MODx or maybe I’m doing something wrong. For example, there is no “Components menu, so I’m having a difficult time updating the Theme Options.

Hi,

The procedure to install the theme is still the same, only a couple of menu names have changed. The theme options are now in the “Extras—> Configuration” menu:

\\

If you cannot see this menu, be sure to have the “ClientConfig” package installed in “Extras—> Installer”. Sometimes it doesn’t load with the theme import, but it can easily be installed manually.

Hope it helps!

Thank you, that was a perfect response. For some reason, ClientConfig would not install neatly, even when adding a new provider, so I downloaded it and used the upload option, just like I did this theme. It installed and the Configuration menu option is now there as you illustrated in your screen shot.

You provide amazing support, especially for someone one purchased this w/ the Envato Birthday Bundle! This is my first time hearing about MODx but I’m definitely going to consider your templates in the future if this one works out.

Good luck.

Great, glad i could help, bundle or not! :)

MODX is great and very powerful – i hope you’ll enjoy working with it!

When you will launch the WP version? Have been waiting for it long time ago!

Hi dear, any update?

Hi,

Sorry it’s taking so long. The developer assigned to this task has recently taken a full-time job so it’s taking much longer than it should. We’ve completed 90% of the way, so i feel stuck right now as i’d like him to finish the work.

I’ll make sure i’ll get in touch with you ( i have your e-mail) when i got some news or more precisions.

Sorry again it’s taking forever to come out!

Hi Didoz!

I know you asked many times, and you probably thought it would never come. You might as well have moved on.. but – here it is – the WordPress version of Booom! http://themeforest.net/item/booom-wordpress-theme-with-the-flat-ui-pro-kit/12867041

:)

Hello, nice theme!

I can´t get access to the support forum with my purchase code, i have following issue:

The downloaded code and the demo link you posted above have issues with the carousel control. Look at how they are aligned.

The themeforest demo looks nice. Do you have fix for that? Thanks!

Hi – could you send me a screenshot of the issue via my contact form? I’d be happy to help out but i need more information about the issue – what link posted above do you refer to?

Hi Simon

Is it possible to use videos in the gallery? My videos are hosted on Vimeo, and I tried to use their <iframe> as the link in the site, but could note get the video to open. Thank you. Nick Peters

Ok here we go. If i remember correctly, the video popup only works on live servers, and not locally.

As per the documentation of the Magnific Popup plugin, you need to add a class to your video link and add a bit of jQuery to trigger the popup.

Here is an example with the added class of .video:

The Gallery Item Code

<div class="col-lg-3 col-md-4 col-xs-6 gallery-item all kittens">
    <figure>
        <a class="video" href="http://vimeo.com/7449107"><img src="http://www.placehold.it/640x480/0099aa/ffffff&text=Vimeo+Popup" alt="gallery-image" class="img-responsive" /></a>
    </figure>    
</div>

The jQuery to add in js/custom.js

$('.video').magnificPopup({
    type: 'iframe',      
});

You can add that code just after the Magnific Popup call. The important thing is that the class needs to be the same in both the HTML markup and JS call

Here is a demo link i used to illustrate the two options – scroll down to the gallery section.

Hope it helps – consider giving a good rating to my item if you appreciate the efforts :-)

Thank you Simon. Again, great job on the theme.

Thanks for the kind words and the rating – it means a lot :-)

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