Cubic - 3D HTML5 One-Page Template

Hey, great template. I’m trying embed video in the portfolio section. Can’t get the video to show up after clicking on the thumbnail. You have any suggestions? This is what I have so far:

li data-tags=”Wendy’s” class=”grid_2 gallery_item”> a class=”colorbox” width=”560” height=”315” src=”http://www.youtube.com/embed/rRsUTV38cnA” frameborder=”0” allowfullscreen”> img src=”img/portfolio/w3sm.jpg” alt=”” /> h4 class=”gallery_item_title”>

Bought between 100 and 499 items
Has been a member for 1-2 years
United States

scoopsthedog Purchased

Nevermind, I see now you already answered this question already.

Pixelworkshop Author

Alright, sorry I haven’t seen your message earlier.

Bought between 1 and 9 items
Has been a member for 0-1 years

mobettersoul

Is there a way to incorporate a music player as well as social network widgets?

Pixelworkshop Author

Yes, as it’s an HTML template, any kind of HTML element can be added. Then it’s all about integration and customization.

Bought between 100 and 499 items
Has been a member for 1-2 years
United States

scoopsthedog Purchased

Hi, the template is working out great! The site is almost up and running but is there anyway for the homepage slider to rotate every few seconds or so?

Pixelworkshop Author

Hello and thanks

Yes that’s possible, if you open the file script.js, you’ll find the code :

function responsiveSlider() {
    $(".rslides1").responsiveSlides({
        auto: false,
        pager: true,
        nav: true,
        speed: 500
    });
}

First we change the ‘auto’ parameter set ‘true’ and we add a delay between each slide (‘timeout’ – in milliseconds) :


function responsiveSlider() {
    $(".rslides1").responsiveSlides({
        auto: true,
        pager: true,
        nav: true,
        timeout:1000,
        speed: 500
    });
}

In this example, it’s 1 second between each slide, you can adjust according to your needs !

Bought between 100 and 499 items
Has been a member for 1-2 years
United States

scoopsthedog Purchased

Awesome, Thanks!

Pixelworkshop Author

You’re welcome

Bought between 10 and 49 items
Has been a member for 1-2 years

dpmurphy

About to purchase this, but why isn’t it scaling for my wife’s PC? http://imgur.com/L01zF

Same issue with Firefox + Safari

Pixelworkshop Author

Hello, it’s not a browser issue but rather a screen size problem : I’ve made the CSS to resize elements according to the viewport width and I didn’t take into account the height. There are so many possibilities that I couldn’t imagine this kind of result. Anyway, I could add a quick media query for this if you give me the screen size

Bought between 10 and 49 items
Has been a member for 1-2 years

dpmurphy

The most popular res according to W3…http://www.w3schools.com/browsers/browsers_resolution_higher.asp

1366×768

Pixelworkshop Author

Ok I’ll get into this once I’ll have time, thanks !

Bought between 1 and 9 items
Has been a member for 0-1 years

kubarbaz Purchased

Would it work correcly on other browsers in future ? It is also crashing in some situations on Chrome ..

Pixelworkshop Author

Could you provide some more details ? I can’t say anything about the future, there are chances that 3D effects will be more and more supported but that’s all.

Bought between 1 and 9 items
Has been a member for 3-4 years

tryprems Purchased

I recently purchased a HTML template and find below the link below for the same: http://themeforest.net/item/cubic-3d-html5-onepage-template/2348204.

But I did not exactly see the same working of the template after it is purchased and downloaded. The working is entirely different and not compatible with Chrome 21.0 and IE 8 .

Thanks, Prem

Pixelworkshop Author

Hello, if you put it online, Chrome and IE8 will work as expected, in some rare cases there are browsers that don’t handle local execution of scripts.

Bought between 1 and 9 items
Has been a member for 0-1 years
India

prashant09 Purchased

Bought this template almost a month back. The website has come-up very well. As documented, I have developed the website and found it to be working great.

I found a JavaScript error , which kept popping up every-time the window got focus or re-sized, in one of the 3rd party plugins that Author has used but was able to resolve it after a few hours of debugging.

I thank and appreciate the great work of the Author.

Regards, Prashant Pandey

Pixelworkshop Author

Hello and thanks for your feedback, I’ll try to find some time to update the scripts

Bought between 1 and 9 items
Has been a member for 0-1 years
India

prashant09 Purchased

Hi Guillaume,

At this moment of time, I don’t need as my site is working great. If in case, you need it. that patch, do let me know and I will mail it to you.

Pixelworkshop Author

Thanks, in fact I’d just need to know which plugin or script should be updated, I’ll try to find time for this

Bought between 1 and 9 items
Has been a member for 0-1 years
India

prashant09 Purchased

The error was in the ResponsiNav Plugin and to resolve it, have made the changes in Plugin.js file. It was a very small change. Have mailed you the file. You can compare and see the difference. Let me know, if you need any information / help. Thanks again.

Pixelworkshop Author

Thank you

Bought between 1 and 9 items
Has been a member for 0-1 years
Italy

Ferie80

Is it possible to make it more seo-friendly and rewrite url without the #?

Pixelworkshop Author

Not in its current form, this template is somehow “experimental” so I wouldn’t touch the hashtag which is used by the scripts.

Bought between 1 and 9 items
Exclusive Author
Has been a member for 0-1 years

ivangasparsantos Purchased

Hi! I love your template But I have one problem. I changed the dropdown to the portfolio, to make some categories, but when I change the field ’ <div class="grid_7"> <h1 class="intro_section">Portfolio - 3D</h1> <div id="filter" /> </div> ’ and I click on the others sub-menus of the dropdown, the fadedown don’t finish, so, I have ‘Portfolio – 3D’ with alpha, and ‘Portfolio – Web’ that gets in up of ‘Portfolio – 3D’

Pixelworkshop Author

Hello, could you contact me by email please ? You’ll find a contact form on my profile page, thanks !

Bought between 10 and 49 items
Has been a member for 0-1 years

eranbs Purchased

AWESOME template – I really appreciate your work! It is really professional, the code is clean and it is just a brilliant idea. I plan to learn it and to buy licenses to several sites I own.

Now… I have a strange issue… I installed the template in one domain name that I have and it brought me the 2D version (Chrome 21). But funny enough when I preview your sales version it is working perfect – same browser. Now… I installed it on a different domain that I have SAME VIRTUAL SERVER and it works fine. I re-installed 100 times the same files into the first server – still not working. This is weird! Have any clues?

Pixelworkshop Author

Hello and thanks for your feedback !

Well it’s something I never had, the 2D version should load in 2 cases : the browser is too old or the viewport too small. Could you send me a link from my profile page please ? Thanks !

Bought between 1 and 9 items
Has been a member for 0-1 years

xherbim Purchased

Hello,

i have a problem with videos in the filterable gallery container. The videos open always in youtube and not in the fancybox. With pictures for example it’s not a problem. When i take away the filtering in the gallery, the videos will open in the fancybox.

Example:

Do you have any idea? Thanks a lot Martin.

PS: It’s a wonderful template!

Pixelworkshop Author

Hello, could you send me an email via my profile page ? It would be easier for me to see your current work, thanks !

Argentina
Bought between 10 and 49 items
Has been a member for 3-4 years

scorpiatus Purchased

3 months ago

Hello! Very good job!

Is there any way to have two different portfolios? Thanks

Pixelworkshop Author

3 months ago

Hello, this is possible but it requires quite a few changes, mainly in the script. If you open script.js, you’ll find the portion of code setting the gallery, it starts with this :

function sortableGallery()

And in the HTML, you’ll find the same selectors (#stage). I guess that you’d need to replicate the gallery in the HTML, changes all classes / IDs and initialize this new gallery in the script.

scorpiatus Purchased

Thanks! Works great!

Argentina
Bought between 10 and 49 items
Has been a member for 3-4 years

scorpiatus Purchased

Hello! Superb work!

I want to know if you update the template for the 1366 × 768 resolution? Or if you could guide me on how I could try to fix it myself.

Thank you again.

Pixelworkshop Author

Hello ! You’ll need to add your own media queries in the CSS, by specifying your width and height, you can then define specific rules for this size. You’ll find all of them in the last section of style.css, that’s the whole part labelled “14 MEDIA QUERIES”.

scorpiatus Purchased