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_apiHope 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.
Hi Mark,
Could you please provide me with your item purchase code? You can find it in the `support` tab for this item.
Thanks! 
53c6bcf4-86eb-4597-9c6d-c67f5557702c
Allright, thanks! I will have a look and get back to you
Oh, I see you purchased and used the WordPress version of this template (you are here in the HTML template comments section).
I’ll get back to you in a bit.
Hi,
Sorry for the delay in my answer..
It appears you have the full-width page layout selected on this page. Please select the `Page Builder` option from the template dropdown in the right sidebar:
This should fix it for you!
Thanks, Simon. Making that change fixed the gallery but now the whole page is full width which doesn’t look good. How do I use the Page Builder template but have the page contented centered like your sample site?
Mark,
I’m Toan, Booom dev, Please put this code into Theme Options->Misc->Custom CSS field:@media (min-width: 1200px){
.container {
width: 1170px;
}
}
Note: the column which is wrapped by WPbakery row, must be added a class, named is container (image).
This should fix the problem.
Hope that helps.
Thanks a lot, Toan. That seemed to do the trick but now the “Tray Play Kits” gallery wraps funny. Is there a class that needs to be added to it or the column it’s in? The site is http://certification.trayplay.com/
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.
Here it is WordPress version (finally!) available here: http://themeforest.net/item/booom-wordpress-theme-with-the-flat-ui-pro-kit/12867041
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
WordPress version (finally!) available here: http://themeforest.net/item/booom-wordpress-theme-with-the-flat-ui-pro-kit/12867041
what happened to the wordpress theme?
I am on skype right now with my partner working on the kinks – i know it’s taking forever to come out, but we are still working on it.
Busy schedules, newborn babies have made things take a little longer than planned, but we haven’t given up!
I really hope to have it done asap, i have been waiting more than a year 
any luck?
WordPress version (finally!) available here: http://themeforest.net/item/booom-wordpress-theme-with-the-flat-ui-pro-kit/12867041
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.
Hmm yep that’s a tricky situation. Maybe this link could help – http://wpeden.com/tipsntuts/twitter-bootstrap-dropdown-on-hover-and-activating-click-event-on-parent-item
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.)
I’m still stuck on question #1 but I made a temporary fix for #2 and figured out question #3.
2.) I temporarily added custom CSS in the General Settings (whateversite.com/manager/?a=80).
.twitter {display: none}
I would like to unpublish the Twitter section ultimately, so instructions on how to do so would be wonderful.
3.) Simply navigate to whateversite.com/manager?a=system/settings there’s a variable called site_name that may be adjusted.
1) This may be a setting on your server (mod_security setting).
This post may help you: http://wiki.modxcms.com/index.php/What_is_mod_security_and_how_does_it_affect_me
You can try add this to your .htaccess file:
SecFilterScanPOST Off
and see if it helps with the saving.
2) Navigate to your template elements and find the “Section Stream” template, which scaffolds the structure of the main homepage.
In there, simply remove the [[$twitter_feed]] (which calls the $twitter_feed chunk) and your twitter section will not be output on the page.
3) Not sure how you solved it – the proper way of doing it is to go in the MODX System Settings and search for the “site_name” setting, and change it to your desired site name.
Hope that solves your issues!
SecRequestBodyAccess Off
SecFilterScanPOST is deprecated in ModSecurity2 and I figured the above would work instead. I checked the server error logs (via cPanel) and discovered that my shared server doesn’t allow this. (The error says, “[core:alert] ./.htaccess: SecRequestBodyAccess not allowed here”.)
Instead, I went directly to the modx_clientconfig_setting table within the actual database (using phpMyAdmin within cPanel) and pasted the Google Analytics code directly into the google_analytics_code field. This worked like a charm!
I’m unsure how this will effect MODx once I try to save settings through the manager again, but I know to simply remove the Google Analytics coding temporarily and reinsert it via phpMyAdmin if necessary.
Thanks for your help; I wouldn’t have been able to figure it out without you pointing me in the right direction!
5.) Now that I have Google Analytics installed I realized that the links are all on one page, so I must include “enhanced link attribution” to track what people are clicking. In addition to adding the appropriate tag (javascript coding) as instructed by Google, I needed to add the id attribute to each item on the main navigational menu. I tried to edit each resource (manager/?a=resource/update&id=3) by inserting id=”NameofID” in the Link Attributes field. This does not generate the attribute on the public-facing website, however.
By chance, do you have any ideas how I can add an id attribute to each menu item on your template?
Thanks again!
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 Didoz,
The development of the WP version has taken much more time than planned – for various reasons.
I have replied to your e-mail – we are still working on the WP version of Booom and should be able to release soon. My apologies for the long delays, i wish i could have shelled it out a long time ago already.
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
Video instead of Image Thumnail
If you simply want to show the video instead of an image thumbnail in the gallery grid, you can put your video iframe instead of the whole < figure > content and it should work like this:
<div class="col-lg-3 col-md-4 col-xs-6 gallery-item gallery-popup fitvids all kittens">
<figure>
<iframe src="//player.vimeo.com/video/97129318?title=0&byline=0&portrait=0&color=ffffff" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</figure>
</div>
Please note that you need to add the fitvids class to the containing div for the video to respect the dimensions of the grid.
Image + Video popup
If you want a preview thumbnail image that opens the video in a popup, there is some customisation to do.
I’ll play around with some code and post a solution here in a bit.
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