Discussion on Vega HTML5 Responsive Template

Discussion on Vega HTML5 Responsive Template

Cart 1,135 sales
Well Documented

flashedge supports this item

Supported

392 comments found.

With Google Chrome. When you choose a menu option. it wont scroll through to the next page. So the user gets stuck on the home page??? Any ideas??

As stated in the userguide, if you want to test it in Google Chrome Locally you need to add a parameter to your shortcut which looks like this one:
-allow-file-access-from-files
Otherwise it won’t trigger the AJAX Loading. You can also use Firefox to test locally which works out of the box.

How do I get photos to link to the correct photo?

What I mean is when a visitor clicks a thumbnail it brings them to the slideshow page but not to the picture that they clicked. Is it possible to have it link to the correct photo? Visitors are finding it confusing that they try to see one picture but then have to find it in the slide show.

If you’d like to open a picture instead of a new page, use prettyPhoto and add a rel attribute to the anchor tags like shown in the documentation: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

Great that worked.

How do I enable the next and previous arrows?

I went to the support site and this question is asked on the forums but nobody has answered it.

The arrows should appear as soon you group your images in galleries. They show up only if you use more than one image for each gallery.

having issues running the sit eon IE7 and IE8 … Works perfect in IE9 . Please help :)

Be aware that those versions of IE do not support certain features offered by the template. It works more or less, but not exactly the same way as on modern browsers. If you have doubts contact me privately.

But does it still functions on ie7 and ie8??

Yes. I’ve tested it and it works. Drop me a mail if you still have issues.

What needs to be added to the mail.php to allow for a phone number field in the contact form?

<input type="text" id="name" name="name" class="input-text" placeholder="Name" required autocomplete="off">
                                            <input type="email" id="email" name="email" class="input-text" placeholder="Email" required autocomplete="off">
                                            <input type="phone" id="phone" name="phone" class="input-text" placeholder="Phone" required autocomplete="off">
Here is what I added to the mail.php
$message .= "Phone Number: " . $_POST['name'] . " <" . $_POST['phone']  . ">\n"; 

I did that. Then I minified the js file and replaced the “net.flashedge.app.min.js” content and uploaded. All my content disappeared. So I reverted back. Suggestions?

Let’s sort this out via mail.

Ok. That works for me.

My changes are actually included in the email I sent you yesterday containing the js files.

Can I add an image button that turns on/off the music or unhide the music play buttons. Is there a function I can invoke to do this?

Yes, the functions to toggle the music player are the following:
audio.play();
audio.pause();

is there a way to link one of the thumbnails to go to a fancy box window instead of just _blank? i want to just pop up a fancybox window from each thumbnail but it seems some javascript is taking over the a tags??

thanks a million!!!

You can either use the integrated prettyPhoto script or set a “_self” target in your anchor tags.

which software can i use to edit this web….?

Any editor is fine. It’s up to you. There are quite plenty to choose from, like Notepad++ or Sublime Text.

Is it possible to have the music pause and play button not hide?

Also, can I add the text “music on/off” next to the button?

Sure. Just remove this line:
<div class="bar" />

I removed that but nothing changed. The black and white music progress bar remains there.

You can see I removed it on http://indyscreampark.com/new/index.html and http://indyscreampark.com/new/about.html

I thought you were referring to the loading bar. You can hide the music progress bar with the following code:
#musicPlayer .audiojs .progress {display:none;}
Add it in the custom stylesheet and enable the file by uncommenting the line right before the closing head.
Hi , how can I remove the map (google map) on contact page? I don’t want map in this page , when I remove this part

all field for sending message remove as well, pls help

The map is prepended dynamically before the target div. You might try to remove the data-address attribute. Though I strongly suggest you to still use the map, even if you specify just the country it’s still fine.

cant wait for the wordpress version. any news on that?

It’s still under development. Another team is working on it.

Hi…thanks for your answer… i cant find any examples with the prettyPhoto Can you send me some on my email?

Many Thanks

There are plenty of examples here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

Just use their code into any anchor tag inside your pages. The script will automatically detect and trigger prettyPhoto.

<!- NOTICE : Do NOT edit below. Keep the structure after this part as-is. ->

How important is the Do NOT edit below warning? I deleted everything below that line and everything above the div class old, containers.

I see no difference in those files? what is the purpose of that? is that setup so that if you goto www.mywebsite.com/blog it redirects to the right page? or is it just there so noobs don’t mess up the site?

It’s due the AJAX loading. If you alter the structure it won’t find the portion of file to call. I added that notice also for newbies to edit it on their own risk. :)

Hi could someone advice me how I can add additional fields to the contact form, I’ve done the HTML side however the php and js part is not working as the email only post message, name and email

You’ll need to integrate additional fields through the net.flashedge.app.js script. On line 669 you’ll find this:

 $.ajax({
 type: "POST", url: path, data: "name=" + name + "&email=" + email + "&message=" + message, dataType: "html",
Add your fields to that line, like this:
 $.ajax({
type: "POST", url: path, data: "name=" + name + "&email=" + email + "&message=" + message, + "&phone=" + phone, dataType: "html",

Once you edited it, minify the js file and add a min suffix like the existing one.

Keep sure you have the new fields parsed also in the php file by adding them in the code.

Hi .. i downloaded the latest version of the template and i am now trying to add the pretty photo feature on my current website..

Which js files do i need to replace?

Many Thanks

PrettyPhoto is already packed inside jquery.plugins.js

Ok.. i already replaced that file but it doesnt wok… i also noticed that some prettyphoto code is in net.flashedge.app.js as well, but when i replace that nothing happens again

Interesting is the fact that when i replace this file net.flashedge.app.min.js my site stops working all together.

Any Ideas on how to fix this..?

Thanks

The main app script takes care to detect prettyPhoto in all anchor tags and triggers the prettyPhoto plugin whenever it finds the specific rel tag. There are a few examples provided too.

You might include your own scripts after the ones I’ve embedded, but it will probably conflict.

Hello,

Am trying to use this template in a .php version instead of .html .. but am still having problems .. a (.ph) is added to each link i click on .. and when viewing the site IF i didnt add index.php at the end .. the site wont work .. i was waiting for an updated version that will auto detect the extension .. so any updates or any temporary solution??

Update:

new version working BUT in case am using the www domain.. when using the naked domain problem still exist ..

please confirm .. is it my side only or smthn with the js file?

I just reproduced your setup and had the same problem. I’ll investigate why it’s behaving that way and fix it as soon as possible.

After renaming all html files into php files and replacing the menu addresses with php extensions, I found that the template works fine. Here’s my test: http://lab.flashedge.net/vegaphp

The bug happens if I keep the html extensions in the menu. Remember to replace also the link of the logo.

Very nice template. But I am trying to change one thing in regards to the “project” page with the scrolling images. I can change the height and width but I cannot figure out how to center the images horizontally in the orbit slide window. Can you tell me which CSS I need to change and exactly what I need to enter or change to make the images centered please? Right now, the images are all to the far left. Thanks.

The orbit slider needs to have the original images to resize them into the fluid layout. You might trick it out by adding a span in the slide div and display inside of it a css background with the following rules.
background:url('yourimage.jpg') center center no-repeat;
background-size: cover;

Is there a way to add an external link in the prettyphoto description? Thanks

So far I know, not directly. You might take a look at the documentation here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

By the way, I love this theme! This was my first trip into HTML5 and I did it because a client needed something similar to flash but would without the flash programming.

This theme is great. I have learned so much from using it and the support has been top notch! I would definitely purchase a theme from flashedge again!

Thanks

I’m glad you liked it. My intention was exactly to deliver a similar experience to Flash, but with HTML5 . :)

Is it possible to make the videos auto play?

Sure, set data-autoplay to “true” and they will play automatically. The video.html example shows how to do it.

My site looks amazing thanks!! I used it for my clothing company… Would be awesome to add a shopping cart eventually! Also is their a code for random music play or shuffle?

I’ll consider your suggestions eventually for a major update. Thanks! :)

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