My website: https://bit.ly/2JL79o0

Hi,

Thanks for sharing the suggestion/feature request with us, I am forwarding this to our development department for considering to add it in the theme, but I am not giving you the guarantee for that because please note that a theme cannot satisfy all requirements as it may occur theme heaviness. Sometimes it may require your own customization. So if the development department finds it fit with the theme environment then surely they will look through it.

Thanks for your understanding.
   

I appreciate your response.

Btw, I got a workaround for now, for the Click-to-Chat to work.

The WhatsApp Icon shows up and works all good on Phone and Mobile

Small issue : When one scrolls down the WhatsApp Icon is partially over the “↑” button

You can look at it here : https://www.youandbeauty.com

If you can guide to make the up arrow disappear that would be great.

Regards, SiteSeller

Well, I know that i can do it with some custom CSS but I don’t find the good classes to adjust. Maybe can I desactivate the “auto adjust” height of the header with the logo height ? Thks,

Hi,

1. Please read and follow the instructions written in the below-given articles:

I. https://smartwave.freshdesk.com/support/solutions/articles/12000052416--7-woo-image-sizes-changing
II. https://smartwave.freshdesk.com/support/solutions/articles/12000052417--8-woo-images-looks-blurry-and-not-change-from-low-to-high

This is the default functionality of the WooCommerce new version as it does not provide the option to set height for the product image. it automatically resizes the image based on its width you set.

Please try with the CSS given below once, Please copy and paste the below-given CSS code to Appearance >> Theme Options >> Skin >> Custom CSS and check your site after removing the browser cache.

.single-product .owl-carousel .img-thumbnail img {
width: inherit !important;
}

.owl-carousel .owl-stage-outer {
height: inherit !important;
}

2. This is what we called browser rendering, Please read this article: https://smartwave.freshdesk.com/support/solutions/articles/12000052393--5-browser-rendering-site-crashed-when-loading-page-and-after-loading-works-fine-

Thanks.
   

Let me make it more official by a ticket..

And, this time I propose you to read an article, dear admin.

Mentioning about font style loading sequence stuff…

Excerpt: “The Filament Group Way™ to load fonts # To optimize for the first view, we first make sure we have a native font in our font-family stack behind our custom web font, in this case font-family: Open Sans, sans-serif;. This sets the stage for how our text will render using the fallback experience while the font is loading using our new font loading method. JavaScript can then used to detect the best font format to use (WOFF2, WOFF, TTF) and asynchronously load a stylesheet that contains all the fonts embedded as a series of data URIs. This is a bit unconventional but it allows us to load all the custom fonts as a single HTTP request, which is nice both for minimizing reflows (all fonts arrive at once) and for reducing HTTP requests in general. To take this even further, after requesting a font, we set a cookie to flag that the custom fonts are now cached so we can avoid the flash of the default fonts on subsequent pages.”

the link is: https://www.filamentgroup.com/lab/font-loading.html

Another interesting link : https://www.webdesignerforum.co.uk/topic/86398-stop-font-changing-on-page-load/

And this is an excerpt from the advertisement which attracted my attention and consequently I bought this theme.

”....Porto provides ultimate woocommerce features with exclusive skins & layouts and features. Porto guarantees super fast performance which is essential for your business & woocommerce shops. ....” <- this is here in themeforest …u know!

So, I am asking for the guarantee…Where is the support to solve problems? I dont need support to find books or articles to read..I bought software with SUPPORT! not librarian advice!!!

Reminding you the fact that I have paid +59$ for the same product which is NOW 29$... I think that difference at least is enough to DESERVE a first quality , result oriented SUPPORT…not stories or advice!...No need to be genious to realise there is smthg wrong with linkages.

So , pls provide me the service you promised.. I dont ask for luxury… Just solve SIMPLE PROBLEM…why my fonts are loading soooooo slowly..?? And what the heck is this LOOOOONG tag classes should mean? This is the content of tag in my site homepage:

<html lang=”en-US” class=”yes-js js_active js js_active vc_desktop vc_transform vc_transform js no-touch csstransforms3d csstransitions webkit chrome win js wf-oswald-n4-active wf-oswald-n5-active wf-oswald-n7-active wf-oswald-n8-active wf-poppins-n7-active wf-cormorantsc-n4-active wf-shadowsintolight-n2-active wf-shadowsintolight-n3-active wf-shadowsintolight-n4-active wf-shadowsintolight-n7-active wf-shadowsintolight-n8-active wf-shadowsintolight-n5-active wf-shadowsintolight-n6-active wf-oswald-n2-active wf-oswald-n3-active wf-oswald-n6-active wf-cormorantsc-n5-active wf-opensans-n2-active wf-opensans-n3-active wf-cormorantsc-n6-active wf-cormorantsc-n2-active wf-cormorantsc-n3-active wf-opensans-n4-active wf-opensans-n5-active wf-opensans-n7-active wf-opensans-n8-active wf-opensans-n6-active wf-playfairdisplay-n2-active wf-playfairdisplay-n3-active wf-playfairdisplay-n4-active wf-playfairdisplay-n5-active wf-playfairdisplay-n7-active wf-playfairdisplay-n8-active wf-playfairdisplay-n6-active wf-cormorantsc-n7-active wf-cormorantsc-n8-active wf-poppins-n2-active wf-deliusswashcaps-n2-active wf-deliusswashcaps-n3-active wf-deliusswashcaps-n4-active wf-deliusswashcaps-n7-active wf-deliusswashcaps-n8-active wf-deliusswashcaps-n5-active wf-deliusswashcaps-n6-active wf-poppins-n3-active wf-poppins-n4-active wf-poppins-n8-active wf-poppins-n5-active wf-poppins-n6-active wf-active skrollr skrollr-desktop”>

And below is the tagi of a sample e-commerce page which I like:

”<html style=”display: block;”>”

isnt it funny?

Anyway…so pls read those links, and in compliance with your sales terms, provide me pls, ASAP, solid, simple solution to solve my problem…This is not ROCKET SCIENCE!...just check your code, or pinpoint , what’s going on on my website… I didn’t put those classes in html..did I??? html, makes font definitions, then body, then bootstrap, then my own css….I can not solve where and how shall I intercept this flow, for fluent, and uninterrupted, single time font setting..with no cascading effect visible.

I hope I AM CLEAR!..

thnx

Hi,

First of all, really appreciate your time and words.

1. I think you have only read the single article which you have described above, The main thing is that there are two ways calling the Fonts on your web directly from Google or Download the Font onto your site and use it with the stylesheet.

In both ways calling Fonts directly from Google takes time to load and render more as compared to second way download the Font onto your site.

And Porto WordPress provides both ways, You can turn ON/OFF the Google Fonts from Appearance >> Theme Options >> Skin >> Typography as showing in this screenshot: https://pasteboard.co/I7CnIyt.png

And if you want you can download the complete zip file of any font as per your requirements and upload it to your site from Appearance >> Theme Options >> Font Control as showing in this screenshot: https://pasteboard.co/I7CokPO.png

You can also see in your providing link, Some of the Experts solutions: https://pasteboard.co/I7CoZ3d.png
and you can see clearly that your providing article was around 2 years old and a lot of webs is changes in past 2 years, The browsers are also changing as well.

But if you still want to use the Google Fonts and wants to load it faster then here are some tips for you: https://frontendnews.io/editions/2018-07-25-tips-for-loading-web-fonts

And for Preload fonts:

When using custom fonts you should tell the browser to preload them using the appropriate rel=”” tag and attributes:

<link rel="preload" as="font" href="/fonts/custom-font.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/fonts/custom-font.woff" type="font/woff2" crossorigin="anonymous">

Note that the use of cross-origin here is important; without this attribute, the preloaded font is ignored by the browser, and a new fetch takes place. This is because fonts are expected to be fetched anonymously by the browser, and the preload request is only made anonymous by using this attribute.

You can read more about it here in this article: https://medium.freecodecamp.org/web-fonts-in-2018-f191a48367e8

Regarding the Speed of the site, as I told you this is something which can be achieved using Customization, and the article I provided you was not the Google article but the article that has been written by our Experts and they tested those solutions several times as well, we’re running 100+ WordPress and Magento sites on single server but everything is fast enough as you can confirm. It may depend on several factors like server configuration and performance and Porto does not have any speed issue itself.

Porto WordPress also comes up with the default functionality of Speed as well and you can configure it as per your requirements from Porto >> Speed Optimize Wizard as showing in this screenshot: https://pasteboard.co/I7CsQau.png

And finally we really appreciate your words and if you have any suggestion for Porto WordPress improvement then please share it with us via your ticket, we will be happy to look through it with the future coming updates of the Theme.

Hope this is all clear now.

Thanks.

Great…this time its more like an answer…Appreciate that.

Most Welcome!

What must be the custom font file format when uploading via adv. theme panel? I tried whole bunch of stuff (otf,ttf,woff2…) it doesn’t accept anything? How to upload custom font pls?

And where does the “custom css” code get placed in directory hierarchy? or I want to add manually on server those files, but how to refer them in css ? i.e.”src: url(”/fonts?”);

And how to do such that I can see the installed custom fonts in drop down menus in theme options? When I tried to install custom fonts thorugh “Font” option as you told, it keeps giving error “There was an error deleting your font: File type not recognized”..Strange while I am installing, why does it mention of deleting also strange.