Blitz - Responsive & Unique HTML template

The plugin didn’t support videos on smartphones, so a work-around was necessary in order to make the mobile version support the requested YouTube and Vimeo support for galleries. Once there will be an update for the plugin, or I stumble upon a similar plugin with video support, the function will be added to the template.

Seeing how I do not need video support, is there a way to implement the updates to the old version?

I added a new update: 1.2.1 that will check for videos in each category. It will show the photoSwipe if category only contains photos. If the category also contains video, the customized viewer will be shown (As the one you’ve seen). You can see online demo has been updated. Please be patient, the updated file will be available for download soon. If you aren’t sure which version you are using, look in first lines of main.js. Also, photo number for deeplinking has been fixed in version 1.2.1.

Is Their a code to enter for old browsers most people don’t have IE8 or configure this theme to work with previous browsers?

Sorry, there is no way to “force” older browsers to have the functionality of new browsers as the browsers simply does not support the features. The major functionality in the template is not supported by older browsers.

Javascript based websites made in 2012 (nearly 2013) are simply not supported by obsolete browsers from 2006 (IE7) as the functions would be so limited that it wouldn’t even be worth the time spending building them. That’s why more and more javascript-based websites is developed compared to back-in-the days. Mainly because web developers have the tools to build them, and visitors are using browsers that understands the code.

I don’t see any logical explanation why you would use an outdated version, when a new stable version is free and takes minutes to download. So rather than spending endless time trying to make something work for an outdated version, that btw was newer meant to work, then encourage your visitors to update – for their own sake. If they refuse to download it and stick with outdated version, well, then they suit themselves.

If you have further questions regarding the template, don’t hesitate contacting me. I will assist you in the best way I can.

envo you are right about people need to update their browser, just wanted to see if it was a easy fix or change thanks in advance

I’ve seen examples with 150+ photos in one category of the template online, so there shouldn’t be any issues having lot of photos. If you experience any limit, let me know and I will make a fix right away.

Please put your scripts inside a <code>code here</code> block in order for me to see it.

The template has been tested with all browsers described in item description to the right, and no issues with browsers have appeared. If you experience any, please send me a mail with browser, version, screenshot and description of what’s not working.

Simply download the template again for newest version (1.2.1) with new fixes.

I will refer to my answer on your former chrome question to answer this one as well.

Yes, please send a screenshot with the issue you experience. Also, please “Post reply” on your comments/questions instead of adding new ones for further questions, so I can see history of our conversation. Thanks

Hello. Where do I send a screenshot?

I will be installing the update tonight, but you’re right… the live preview worked well in all of my browsers recently, then it didn’t. It seems as though the mobile version pops up. I have taken a screenshot.

Thanks, Justin

Go to my profile, and send me a mail (bottom right) with a link to the screenshot. If you can’t upload and link, simply send me a message and I will reply with my mail where you can attach the screenshot so I can take a look at it. Also, a url to your website for live check would make it easier to troubleshoot.

My pleasure. I’m glad to hear you got it worked out

Please describe what’s not working as it works fine on my version. Also, check on another server (or locally with mail-setup) to check if it it’s the server that won’t send the mail as it works fine for me online and offline.

Hey again, Glad to hear you got it all working and my last update did the trick. Regarding the music, I have not prepared any music player for the template. If you want your website to play music, you’ll have to find a third-party plugin and integrate it in the code.

Are you referring to the online demo or your own website? Please send me a mail with link to your website using the template. The online version has been tested on iPhone, iPad and Android smartphones and tabs. Unless you’ve edited the code it should work flawless.

I refer to the online version. I discovered that the problem is the presence of a video in the gallery. Without the video also the first tunnel runs as the second, can be solved?

That is a fix I updated on v.1.2.1 so hand-hold devices support videos as well.

“Added new feature that checks for videos in each category. If the category does not contain any videos, the photoSwipe function will be initialized. If the category contains videos, the customized previewer will be initialized. This fix is made as PhotoSwipe does not support videos. Please notice, this only affects mobile versions.”

The photoSwipe plugin does not support videos so I had to make a tweek that would check for videos and make the custom fix if any videos was detected. This fix is mandatory in order to make the template support videos on devices.

If you for some reason want to remove it, which I see no point in as videos won’t work on devices, then go to main.js and change line 264+268 to “photoSwipe = true;”

Glad my update solved it.

Regarding the pictures. Dpi is irrelevant when displaying images online as the web browser shows the actual pixels. Dpi is for print only. But when creating a a new image in your photo software, I would suggest using 72dpi, as that is the actual size of the image for web.

The template is increasing/decreasing all photos, so the photo will always be 100% height, no matter what size the original photo is. In my demo, you can see the largest photo I’ve used (First category, 6th photo) is originally 1740×1117 pixels. Any size will do it. Just remember that all screens have more width than height, so width should always be larger than height, then any size should work.

Play around with it and let me know if you still have problems fitting the photos. Send me a link to your page through my mail if you have any trouble with the photo sizes.

Regarding the color, check the updated documentation and find the “Theme customization” section. You can see all the settings you can use to customize your template. Use “maincolor” to change the main color. The line above categories/under the photos and the seperator between photo count IS included in the maincolor option, so simply change the maincolor value, and both colors will be changed.

Hi Max, Thank you for your kind words.

Unfortunately it is not possible to add submenus to the template. You can integrate a tab and use it as submenu but it is not in template defaults to use submenus. If you would use it, I would suggest to avoid using as tab that uses hashtags as it will break code standards for deep-linking.

If you are using v.1.2.1:

• Remove from line 13-28 in main.js
• Remove <script type="text/javascript" src="js/adapt.js"></script> <!-- Adapt for hand-hold devices --> from index.html – Bottom of the code, right before body close-tag.

This will be removed with next update as well, as it does no longer needs to check for window-width because it is using user-agent instead for mobile devices. In this way you will have the desktop of the template even though your resize on your desktop version. Mobile version will still remain for hand-hold devices.

Yes, it works! Thank you.

How much changes will be in next update and when it will be released?

My pleasure.

The next update will feature progressively loading which is optimal if you are using a large amount of pictures, and also works better on hand-hold devices. Also a few add-ons and minor bug fixes. It will be released within next couple of days so stay tuned.

Hi punjabigeek,

Thank you very much.

When you change the photo the selected photo will appear in the middle of the screen and should be highlighted so I don’t understand the issue. Please specify the issue with the highlighted image so I can take a look at it.

There is no htaccess file to support the url’s giving with deeplinking. Deeplinking was build so you can link directly to a photo and not for seo purpose. I will consider this for next update though.

please do!!!!

Hi develup,

An update will be available beginning of next week that will fix all minor bugs for responsive version including the one you requested. Also a lazyload has been combined with the pre-load so the loading will be way faster as it will only load the photos that the visitor will see instead of all the photos. A few other minor bugs has been fixed. New documentation will include all the required information for the update.

Stay tuned…

Thanks, looks impatient for the update

Hi punjabigeek,

I’m glad to hear you got it figured.

There is no default option for that, but it’s quite easy to achieve in 2 simple steps.

1. Modify main.js

if($('#'+$.settings.category+'.items li.active').next('li').length>0) { /*$('#next').fadeIn(250);*/ } else { $('#next').fadeOut(250); }
if($('#'+$.settings.category+'.items li.active').prev('li').length>0) { /*$('#prev').fadeIn(250);*/ } else { $('#prev').fadeOut(250); }

2. Modify style.css

That should do the trick. Let me know if you experience any trouble with the modification.