Discussion on Porto - Multipurpose Website Template

Discussion on Porto - Multipurpose Website Template

By
Cart 53,191 sales
Recently Updated
Well Documented

Okler supports this item

Supported

2897 comments found.

Hello admin,

[Subject: Which Files to Install for my Website at First]

I have recently purchase Porto HTML Template. However, I could not understand which files to install in my hosting account. Please let me know the solutions and refer if you have any videos related to Porto Template installation.

Thanks and best regards.

Hello, thanks for your purchase.

I can see you already opened a ticket with that question, we’ve just replied.

Kind Regards,

Jonas

hello In some gallery template can you combine videos and images?

Hello, If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

I am using the Medical template. I have two small issues. #1 is that none of the read more buttons show. I see it in the the html, doesn’t show on the live page. #2 I see there is more than one testimonial, only one shows. Is there a way activate an arrow to turn to the second, etc?

Hello, can you please open a ticket in our Support Center and send us the URL so we can check? – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

opened

Does Porto support Image Filters & Blend Modes (Revolution-Slider)?

I have try as explained in themepunch docs:(https://www.themepunch.com/revsliderjquery-doc/image-filters-blend-modes/) to put a filter in a slider:(index-classic-color.html with the blue custom-header-bg.jpg)

Normaly if I try to write this data-mediafilter=”inkwell” in li the color must to became grey

<li data-transition="fade" data-mediafilter="inkwell" />

But nothing happen, all of that filters don’t working.

Do you support them?

Regards,

Hello, thanks for your purchase.

To avoid too much code (and turn your website too slow) my suggestion is to include only the filter you want.

This is what you need to use the inkwell filter:

HTML: <li data-transition="fade" class="inkwell"> <img src="img/custom-header-bg.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" /> ... </li> CSS: (css/custom.css)
.inkwell .tp-bgimg {
    -webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
    filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)
}

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

Thanks a lot

Hello. I have a question about Porto – Responsive HTML5 Template. It is possible to have a megamenu that behaves like “SHOP” link from this exemple http://rt-material2.myshopify.com/. Thank for your answer.

Hello, thanks for the interest in our template.

It’s possible, but requires customization. Unfortunately at this moment we don’t have any mega menu similar to that one.

Kind Regards,

Jonas

How can I Center Revolution Slider in a Full-Width site when I have made it smaller in a box.

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

I bought it to thank you for doing such a nice job

Thank you for your purchase and for your kind words, we really appreciate it!

Good Morning

Will there be promotions on the theme port and Port admin for Christmas?

Thank you

Hello, I’m sorry about that but we don’t have plans for a new promotion. Porto was on sale on cyber week.

Let me know if you have any questions.

Kind Regards,

Jonas

I understand I’m a big fan and wanted to buy the 2 I thought they would have a Christmas promotion to help with the purchase. thank you

Hello, My website is hosted in Windows Server 2012 with PHP installed. After filling the contact form, the following message appears: “There was an error sending your message.” Should I provide you with the host information in order to check out the problem? Thank you, appreciate your effort. Best Regards,

Hello, can you please open a ticket in our Support Center and send us the URL so we can check? – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

I am trying to reply to my ticket but getting: 403 Forbidden A potentially unsafe operation has been detected in your request to this site. ???

Hello, if you are adding too much code in the forum post the system may detect it as an unsafe operation.

Please try to use http://pastebin.com to share any code you need.

Kind Regards,

Jonas

actually it doesnt look like to much:

I just had 2 last questions regarding this Topic (google recaptcha):

1. how can we be sure everything is ok now? as messages were coming trough even with only html code added to the contact pages: for example:

<script src=’https://www.google.com/recaptcha/api.js'></script>

2. contact from on homepage doesnt need any adjustments? maybe in “In js/views/view.contact.js or in contact-formp.php” ? thats linked to the basic contact-us.html as well?

Thank you!

Hello, we will reply in the ticket you created soon.

Kind Regards,

Jonas

Is there a SASS version of Skin.less available? I’d like to be able to plugin the skin styles with the rest of the sass styles and compile so it uses the values from variables.scss. All the same variables from variables.less seem to be present within variables.scss

Hello,

I’m sorry, but unfortunately the skin file was created only in LESS (because of the Style Switcher).

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

Hi new to Okler and bought this item but finding coding errors in the files downloaded. Can you help?

Hello, can you please open a ticket in our Support Center and send us more details? – http://okler.net/open-a-ticket/

Thanks.

Kind Regards,

Jonas

Pre buy question: This have a website builder or just page templates? I mean, if i want to build a website with your templates, i have to edit all the page i want include using Notepad++ or you have some sort of builder included like Foundry? Thanks and really wait for your answers.

Hello, thanks for the interest in our template.

Porto does not come with website builder at this moment.

Let me know if you have any questions.

Kind Regards,

Jonas

hi mailchimp widget not working, can you help?

I replaced API key and list I’d

Hello, can you please open a ticket in our Support Center and send us the URL so we can check? – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

The design quality of porto theme is great. I have purchased two of porto themes (WordPress and HTML). both are great and used for customers.

Thanks Bharat P. http://www.ifourtechnolab.com

Thank you for your purchase and for your kind words, we really appreciate it!

The discount on the ad was over, it said that it was ending today … Today, when I went to open to buy the theme, I had returned to the normal price …

Hello, I’m sorry about that but the discount was until 5 Dec (Australia Timezone). I hope you still consider to purchase Porto Template. :)

Kind Regards,

Jonas

I understand that I am a big fan of his work but I live in Brazil and I did not realize this little timezone problem. I’ll wait and see if there’s any Christmas promotion. =)

I have a bug with top menu in hotel demo Even on your demo page http://preview.oklerthemes.com/porto/5.0.0/demo-hotel.html

Hello, I’m sorry about that problem, to fix that please add the following css code:

(css/custom.css)
@media (min-width: 992px) {
    #header .header-nav.header-nav-stripe nav > ul > li > a,
    #header .header-nav.header-nav-stripe nav > ul > li:hover > a,
    #header .header-nav.header-nav-stripe nav > ul > li.dropdown.open > a {
        margin: 0 !important;
        padding: 55px 23px !important;
    }
    #header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle:after,
    #header .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle:after,
    #header .header-nav.header-nav-stripe nav > ul > li.dropdown.open > a.dropdown-toggle:after {
        top: 58px;
    }
}

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

Hello, There is an error with Image Gallery – Masonry. http://prnt.sc/defer1 http://prnt.sc/defic5 http://prnt.sc/definy

Hello, that’s very strange, but it only happens running on local (on Chrome) and using the placeholders images.

Anyways, we just uploaded a quick fix to avoid that problem, and the files that were changed are: \js\theme.js \common\common.min.js \css\theme-elements.css

We also added the same “loading” icon for masonry items. Same as we use in the sort feature on portfolio.

  • Please download the latest version and let me know if the problem persists.

Kind Regards,

Jonas

Thanks!

hello Okler AUTHOR i cant see the “SCROLL TO TOP” please send me responce where to locate the page to edit scroll to top.. thank you

can please send me exact code for this scrol top because i will replace this chat support button on my end.. thank you

Hello, in that case, you can just put the HTML code of that button at the bottom of the page, before BODY tag closes:

<a class="scroll-to-top hidden-mobile visible" href="#"><i class="fa fa-chevron-up" /></a>

Then it will be easy to customize the content.

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

But if you want the entire JS code:


// Scroll to Top
(function(theme, $) {

    theme = theme || {};

    $.extend(theme, {

        PluginScrollToTop: {

            defaults: {
                wrapper: $('body'),
                offset: 150,
                buttonClass: 'scroll-to-top',
                iconClass: 'fa fa-chevron-up',
                delay: 1000,
                visibleMobile: false,
                label: false,
                easing: 'easeOutBack'
            },

            initialize: function(opts) {
                initialized = true;

                this
                    .setOptions(opts)
                    .build()
                    .events();

                return this;
            },

            setOptions: function(opts) {
                this.options = $.extend(true, {}, this.defaults, opts);

                return this;
            },

            build: function() {
                var self = this,
                    $el;

                // Base HTML Markup
                $el = $('<a></a>')
                    .addClass(self.options.buttonClass)
                    .attr({
                        'href': '#',
                    })
                    .append(
                        $('<i />')
                        .addClass(self.options.iconClass)
                );

                // Visible Mobile
                if (!self.options.visibleMobile) {
                    $el.addClass('hidden-mobile');
                }

                // Label
                if (self.options.label) {
                    $el.append(
                        $('<span />').html(self.options.label)
                    );
                }

                this.options.wrapper.append($el);

                this.$el = $el;

                return this;
            },

            events: function() {
                var self = this,
                    _isScrolling = false;

                // Click Element Action
                self.$el.on('click', function(e) {
                    e.preventDefault();
                    $('body, html').animate({
                        scrollTop: 0
                    }, self.options.delay, self.options.easing);
                    return false;
                });

                // Show/Hide Button on Window Scroll event.
                $(window).scroll(function() {

                    if (!_isScrolling) {

                        _isScrolling = true;

                        if ($(window).scrollTop() > self.options.offset) {

                            self.$el.stop(true, true).addClass('visible');
                            _isScrolling = false;

                        } else {

                            self.$el.stop(true, true).removeClass('visible');
                            _isScrolling = false;

                        }

                    }

                });

                return this;
            }

        }

    });

}).apply(this, [window.theme, jQuery]);

if (typeof theme.PluginScrollToTop !== 'undefined') {
    theme.PluginScrollToTop.initialize();
}

whats updated in this latest version? so I can choose which files to update?

Hello, it actually depends which version you are using, if you are using 4.9.3, the main file are just the same, we added the Shop Demos but the other files weren’t changed.

If you have any questions, please open a ticket in our Support Center – http://okler.net/open-a-ticket/

Kind Regards,

Jonas

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