2897 comments found.
Hi, We have purchased the porto theme for online e-commerce but for time being we want to run it as B2B lead generation only. Can you help me on below: 1. Instead of “Buy Now” , “Enquire Now” Button. 2. When user click a lead generation form will be there on second page 3. On product details page we have additional form 4. Lead generation form integration in home page.
Hello, can you please confirm that you purchased the HTML version of Porto? This is the HTML version page. I guess you probably purchased another version (maybe Magento or Wordpress), right?
If you purchase the HTML version, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Hello! should some type of license file to be copied to the web directory ?
Regards
Hello, thanks for your purchase. It’s not required to add the theme license file (from ThemeForest/Envato) in your site folder.
Let us know if you have any questions.
Kind Regards,
Jonas
Just to let everyone knows ….. these guys provide an outstanding support. Buy the template without any doubt! Best template on themeforest!
Hello, thanks for your message and the kind words 
This is important for us, thank you.
Kind Regards,
Rodrigo.
before i buy it just a quick question, can bits from oither demos be used in others if you get me?
Hello, thanks for the message. Yes, it’s possible.
Please let us know if you have any questions.
Kind Regards,
Jonas
Hi. Your support ‘system’ sent me back here so here is my question:
Using the index-header-flat.html how can I set the height of the div? I want to use a background-image
GREAT TEMPLATE BTW!
Hello, thanks for your purchase and kind words
To increase the height of menu, change the CSS code of menu items:
(css/custom.css):
@media(min-width: 992px) {
#header .header-nav-main nav > ul > li > a {
min-height: 200px !important;
}
}
And this is our suggestion for where you need add the backround image:
#header .header-body {
background: url(img/home-concept-item-1.png);
background-size: cover;
}
* Note that it’s on “header-body” div.
If you need further assistance, please open a ticket at our support center: http://okler.net/open-a-ticket/
Kind Regards,
Rodrigo.
That worked perfectly. Thank you!
How can I have more than 3 Items in an accordion?
Hello, please open a ticket in our Support Center and send us more details about that question. – http://okler.net/open-a-ticket/
Kind Regards,
Rodrigo.
Are any of the new pages and / or features available in a version that supports bootstrap 3?
Hello, I just replied the email you sent.
Kind Regards,
Jonas
Hi Sir, I’d like to know if there is a way to make the animation (data-animateion) to work on mobile devices? thank you
Hello, thanks for your purchase
$.extend(theme.PluginAnimate.prototype, {
build: function() {
var self = this,
$el = this.options.wrapper,
delay = 0,
duration = this.options.duration,
elTopDistance = $el.offset().top,
windowTopDistance = $(window).scrollTop();
$el.addClass('appear-animation animated');
if (!$('html').hasClass('no-csstransitions') && elTopDistance > windowTopDistance) {
$el.appear(function() {
$el.one('animation:show', function(ev) {
delay = ($el.attr('data-appear-animation-delay') ? $el.attr('data-appear-animation-delay') : self.options.delay);
duration = ($el.attr('data-appear-animation-duration') ? $el.attr('data-appear-animation-duration') : self.options.duration);
if (duration != '750ms') {
$el.css('animation-duration', duration);
}
$el.css('animation-delay', delay + 'ms');
$el.addClass($el.attr('data-appear-animation') + ' appear-animation-visible');
});
$el.trigger('animation:show');
}, {
accX: self.options.accX,
accY: self.options.accY
});
} else {
$el.addClass('appear-animation-visible');
}
return this;
}
});
If you need further assistance, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Rodrigo.
Thank you it works like a charm, and thank you for the fast reply and excellent support.
I would like to use the Collapse (Accordion) component of bootstrap 4 for a FAQs page.
I have tried the example code of bootstrap 4 but it does not work.
In the documentation of the theme it says that it is compatible with bootstrap 4. What do I have to do to make it work?
I have already tried to put the option “Load Original Bootstrap” to yes, but it does not work either.
Thank you.
Hello, please open a ticket in our Support Center and send us more details about that question. – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Why does index-header-navbar-extra-info.html not work on Internet Explorer 11?
Hello, sorry for that issue.
We already added this fix on Porto and it will be present on the next version.
For now, to fix add the code below in (css/custom.css):
html.ie .feature-box .feature-box-info {
flex: 0 1 auto;
}
Kind Regards,
Rodrigo.
Also, the fontawesome graphics on the left side of the Iconic form inputs on http://preview.oklerthemes.com/porto/6.1.0/feature-admin-forms-basic.html do not appear correctly. And I’m having the same issue on the new Porto + Porto Admin files I uploaded yesterday. Can you please let me know what changes I need to make to have these form inputs appearing correctly? Thanks!
Hello,
Also sorry for that issue.
To fix, please follow the steps below:
1) Replace all HTML code of basic and advanced forms with the new on links below: - https://pastebin.com/raw/3HdNTF0F (feature-admin-forms-basic.html) - https://pastebin.com/raw/b6mUeJv4 (feature-admin-forms-advanced.html)
2) Add in (css/custom.css):
.checkbox-custom input[type="checkbox"]:checked + label:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
We will fix that on the next version of Porto as soon possible.
Kind Regards,
Rodrigo.
Hello
Is there a template for the “cookie notify” ?
For examples: https://medium.com/@miukimiu/ui-patterns-for-the-eu-cookie-law-f0a191f182a7
Thanks 
Hello, please check this topic: http://www.okler.net/forums/topic/how-to-add-a-eu-cookie-consent-script/
If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Thanks Jonas
Someone broken the guidlines and try to sell your item into other marketplace…
report the guys – https://wrapbootstrap.com/theme/uniline-multipurpose-html5-template-WB06548PS
We are professional developers and kick off the the guys who copy our items.
Thanks
I sent a request to wrapbootstrap and this is now removed from there
Woww, thanks for that! That theme looks exactly like Porto! Thanks for reporting that to Wrapbootstrap.
Kind Regards,
Jonas
i arrest this copy item in a blink of eye. every developer on this earth know how porto looking and where it is sale.
This is now disabled and no longer available, We much appreciate the original authors hard work, am also a hard worker and better understand what happens when fucking guys copy code or items…..
Good luck for your awesome work
Awesome. Thank you for the kind words.
hi there, Warning and Danger CSS seem to be inverted
Please, let me know if you need further assistance.
Kind Regards,
Rodrigo.
Hi, I downloaded version 6.1 and updated my page to this new version with the construction template and found this error for browsers internet explorer 11, I sent the image comparing version 5.7 and version 6.1, you could help me with the code to correct this error. you can see the comparison here … http://www.amartinezfierro.com/ie-11error.jpg Thanks
Hello, we are checking that problem and we will reply the ticket you opened about that as soon as we have the fix for it. Thanks for your patience.
Kind Regards,
Okler Themes
thanks, it worked perfect
The position of the fa-caret-down in the drop down menu gets stuck in the wrong position, if you are using a mobile browser. It gets in the same position as the link text. You can see it here: http://www.werbeagentur-johnson.de/kunden/hani/winterdienst.html Seems to be a bug? Once you manage to click the caret, it slides to the right and looks right again.
Never mind, I made centered the dropdown menu and that caused the error. Please ignore
Hello, OK, great. If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Hello, How I can eliminate the Contact Form Fields Validation. My server is a Window and I use Microsoft ASP I don’t need the PHP Code. Thank You for your support.
Hello, you basically need to remove the PHP folder and change the Action of the form: <form id="contactForm" action="asp/contact-form.asp" method="POST">
If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Hello, How I can eliminate the Contact Form Fields Validation. My server is a Window and I use Microsoft ASP I don’t need the PHP Code. Thank You for your support.
Hello, you basically need to remove the PHP folder and change the Action of the form: <form id="contactForm" action="asp/contact-form.asp" method="POST">
If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
Jonas. The PHP that directory contains the code of the form but there is a validation function that is activated in jquery.validation.min.js
Hello. Sure, the JS sends the “data” to the server, (the action you set in the form), via AJAX. That JS is on js/views/view.contact.js -
If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
The videos have errors, I can not place two videos in the same row because they join with each other, with version 5 if I could.
Hello, please open a ticket in our Support Center and send us more details about that question. – http://okler.net/open-a-ticket/
Kind Regards,
Jonas
The video section of this page: http://preview.oklerthemes.com/porto/6.1.0/shortcodes-sections-parallax.html on your demo site fails to show any video, regardless of which browser I use. ?
Hello,
Sorry! This is a bug on the new version 6.1.0. We will fix that as soon possible.
For now, to fix please change the code of Video Background “build” function at “js/theme.js” line 2404 until 2419 with the new code below:
build: function() {
if (!($.isFunction($.fn.vide)) || (!this.options.path)) {
return this;
}
if (this.options.overlay) {
this.options.wrapper.prepend(
$('<div />').addClass('video-overlay')
);
}
this.options.wrapper
.vide(this.options.path, this.options)
.first().css('z-index', 0);
return this;
}
Kind Regards,
Rodrigo.
Hi, I found out something disturbing and have a very serious question. For instance, I only like to use from your digital agency demo the hover buttons on top, see here: https://postimg.org/image/q2kjcdh25/
I found out that I have to use the following js-datas: <script src=”vendor/jquery/jquery.min.js”></script> <script src=”vendor/popper/umd/popper.min.js”></script> <script src=”vendor/bootstrap/js/bootstrap.min.js”></script> <script src=”vendor/common/common.min.js”></script>
I cannot without them. They sum up in around 200kb. By farest, much to much load for this little little animation.
A) In general, what can I do to reduce the load and only use the needed js?
How to find out which js is used for a certain effect? It took me 30 minutes to find out I need to load all these files. This is very inefficient!! I cannot understand all these great ratings here. There must be an efficient way to use parts of your product.
Hope you can help me seriously. Thanks
Hello, thanks for your purchase. Please note that the tabs plugin you are looking for to use is part of Bootstrap (Porto and most of the templates here on ThemeForest are driven by Bootstrap Framework), therefore the scripts you mentioned are required to make the template to work as you can see in the documentation: https://getbootstrap.com/ – If you really want to use only those tabs and nothing else from the template my suggestion is to get only the css that is part of that and make a simple javascript to change the tabs classes.
If you need help with that, please open a ticket in our Support Center with more details, someone from support team will help you out. – http://okler.net/open-a-ticket/
Also, there are a few things you can do after you finish your website. For example, there are several different ways to compress and combine the assets, this is probably the easiest way: http://www.okler.net/forums/topic/minify-php-how-to-combine-minify-and-cache-javascript-and-css-files-on-demand/
Kind Regards,
Jonas
It is impossible to send a support ticket. I always get this message: 403 Forbidden A potentially unsafe operation has been detected in your request to this site. Generated by Wordfence at Sun, 25 Mar 2018 10:32:24 GMT.
I sent you a private message.
It is impossible to send a support ticket. I always get this message with the following:
Am wondering why 4 js scripts are used for this?? It is only a small code. Unfortunately, I cannot reproduce this code. Can you please send me the js for this small tab menu?
Can you also please provide me the js code for the effect: of the fly in icons with description directly under service on this page? http://preview.oklerthemes.com/porto/6.1.0/index-corporate-7.html
Only these two things, please. Hope you can help me. Thanks
Please?
Hello, OK, let’s understand it a little better.
You want just to use those tabs from Porto in another website without all the features from the theme, is that right?
Because the scripts you mentioned are part of Bootstrap: https://getbootstrap.com/Including the Tabs: https://getbootstrap.com/docs/4.0/components/navs/#tabs
Which is the framework that Porto was based on, for responsiveness, etc…
A clean solution, for tabs with pure CSS and JS, even without jQuery can be found in this link: https://codepen.io/FelipeMartinin/pen/uFnhf
Kind Regards,
Okler Themes
