Hi,

I tried refreshing the homepage many times on Chrome, Firefox and Safari without any issues. Are you seeing the issue on any specific device or browser?

Usually these problems would be caused by 3rd party lazy loading image scripts or improper caching. Are you using any lazy load scripts on the site?

Also are you by any chance using a CDN like CloudFlare? That could cause issues if using the rocket loader which is known to occasionally break js functions.

- AJ

thank you! Added a caching tool and all seems to work great. LOVE this theme.

Hello AJ, It appears we are still having issues. See screenshots.

http://www.absolutebikes.net/WP_Staging/wp-content/uploads/2018/03/image001.png http://www.absolutebikes.net/WP_Staging/wp-content/uploads/2018/03/image002.png

We are experiencing this on various devices and browsers. The only tools we are using outside of your theme is Slider Revolution, which is set on smart loading and the Events Calendar. I have also installed WP Fasted Cache. Any suggestions you have would be much appreciated. We would like to go live with the site asap and without loading issues. Thank you. Steph

Hi Steph,

I am still not able to recreate the errors on my end. What browser are you using in that screenshot?

This is what it looks like for me when testing in FireFox, Safari and Chrome: https://cl.ly/q9te

And here is Microsoft Edge – https://cl.ly/q9GE

I tried refreshing many times to see if I can break the carousel as well as I had my partner and support staff test and no one can break the issue.

Are you 100% sure you aren’t using any 3rd party CDN on your site such as CloudFlare? Or does your server use Varnish? (common on bluehost hosting).

The weirdest part is in your screenshot it’s only breaking for the carousel with the logos but not the carousel above it (they work exactly the same) – are there any specific settings for this carousel that are different then the one above (speed, animation, etc)?

- AJ

Hi AJ, It is the strangest thing, right? it happens so randomly. It has happened on Firefox/Windows laptop and Safari/iphone 6.

I don’t know what these are, so not being used: Are you 100% sure you aren’t using any 3rd party CDN on your site such as CloudFlare? Or does your server use Varnish? (common on bluehost hosting).

Let me check with my hosting co. Datarealm.

On our page, I have image carousel, post carousel (pulling from tribe event calendar), then image carousel. The image carousels are the rows stacking up. The 2 image carousels are almost the same settings, different speeds.

Are we trying to do too much on one page load? Thanks Steph

Hi Steph,

No it wouldn’t matter how many carousels you load, you could add 50 of them and it wouldn’t make a difference it’s fairly basic javascript. I just tried again on some other computers and still no issues. Are you able to check your browser console and see if there are any errors if you can recreate the issue again?

- AJ

Hello AJ, I found one error and 9 warnings. See screenshot. http://www.absolutebikes.net/WP_Staging/wp-content/uploads/2018/03/Screen-Shot-2018-03-14-at-8.54.59-AM.png Could this be the issue? — Would the Max Execution Time be an issue? http://www.absolutebikes.net/WP_Staging/wp-content/uploads/2018/03/Screen-Shot-2018-03-14-at-8.47.18-AM.png

Thanks for the help on this. Steph

hi! I also came across this: http://www.absolutebikes.net/WP_Staging/wp-content/uploads/2018/03/Screen-Shot-2018-03-14-at-10.12.24-AM.png

Hello AJ, Any updates on this issue? I am happy to open a ticket for further investigation. Please let me know. Thank you. Steph

Hi Steph,

Sorry for the delay, this has been a very crazy week for me. Looking at your site the carousel is still working perfectly for me and I don’t see this error either – http://www.absolutebikes.net/WP_Staging/wp-content/uploads/2018/03/Screen-Shot-2018-03-14-at-8.54.59-AM.png – this could cause the issue but this script is not being added by the theme. Have you tried disabling any other plugins on your site to test?

Max Execution shouldn’t cause this issue since the carousel is javascript driven not PHP driven, but it’s possible if your server is timing out even if the error isn’t caused by Max Execution I still highly recommend increasing it.

This – http://www.absolutebikes.net/WP_Staging/wp-content/uploads/2018/03/Screen-Shot-2018-03-14-at-10.12.24-AM.png – isn’t an error, the theme has some CSS “hacks” to fix issues in older browsers which throws a warning but wouldn’t actually create errors. Also the error you see wouldn’t be theme related since no one else is having the problem.

Where is your site hosted? Are you 100% sure you aren’t using a CDN like CloudFlare?

Even when I test using emulators (so in other countries/internet providers) I can never recreate the broken page. Which almost seems like it’s only a problem on your end….very very weird.

If you disable the auto play for the carousel does it help at all?

- AJ

Hello AJ, Thanks for getting back with me. I moved the site to production on Wednesday. https://www.absolutebikes.net/

I increased the Max Execution, all good there. thanks.

We are not using CDN or CloudFlare. Hosing is with: https://www.datarealm.com/

I believe we fixed the issue by turning off Auto Width. All good here. https://www.absolutebikes.net/wp-content/uploads/2018/03/Screen-Shot-2018-03-16-at-11.47.11-AM.png. Any other settings I should turn off?

One minor glitch on the post events carousel. See screenshots. How do we get images to center instead of left justified? This only happens on mobile devices.

https://www.absolutebikes.net/wp-content/uploads/2018/03/IMG_3454.png https://www.absolutebikes.net/wp-content/uploads/2018/03/IMG_3456.png

Thanks again for all your help. steph

Hi Steph,

• I’m glad it’s working now. I tested locally and I can’t break the carousel with auto-width enabled. But definitely good to know so if someone else ever has the issue again I can ask them to disable that to test. Thanks for the tip.

• The images not being centered on mobile are caused from the hover animation which makes the item inline blocks. You can use some CSS to turn them into blocks like this:

.wpex-carousel .wpex-image-hover {
    display: block;
}

Of course uploading larger images may be best so that the images are at least as wide as the gray content below.

- AJ

Hi,

There isn’t a built-in setting but it is possible via child theme. See here: https://wpexplorer-themes.com/total/add-double-sidebars-layout/

Only like 3 people have ever requested it, which is why I haven’t added the extra bloat to the theme, but if more customers request the layout I will build it into core.

- AJ

Just so you know AJ, I had also run into issues with Autoptimize and W3TC plugins and WC had worked with me to get this disabled and ultimately removed as it caused issues with their plugin and Braintree.

So if you find my site to be slow it’s one of the reasons. I do however have WP Rocket which I had discussed with Keycdn and WC support to ensure it works with their plugins. I have not installed Rocket yet, as we discovered these errors that I posted above.

Awaiting your response.

Thanks Neil

An Update: I googled this problem and found this and this:

https://github.com/woocommerce/woocommerce/issues/14369 https://github.com/woocommerce/woocommerce/wiki/Deprecation-in-core

I checked the wp-config and found the debug to True, and had to turn it to false based on the recommendation. The errors don’t show up now, but don’t know if the problem has gone away.

Neil

Hi Neil,

I don’t see the error on the site, did you manage to fix it?

Total has already been updated to work with WooCommerce 3.3.x and you shouldn’t have any errors, also I did a search for the code mentioned in the error “Notice: product_type was called incorrectly” but it’s not even in the theme – https://cl.ly/q5E3 – so it’s not possible for the theme to cause that.

Personally I have found autoptimize to actually slow down most sites and cause more issues then good and also W3TC already has minify functions so you don’t need both. That said WP Rocket is a very good solution and would recommend it over those 2 plugins. Although using a good WP host with built-in cache is generally the best way to go (Flywheel, WPEngine, Kinsta..etc).

Did you manage to fix the issues? I don’t have any errors when testing on my computer and no other customer seems to be having these errors either.

If you do continue having error notices just open a private ticket though so I can log in and look (request your ticket be assigned to me).

- AJ

Hi AJ,

I had turned off the debug option in wp-config and that error stopped showing. So I just don’t know if it solved the problem or just turned off notification.

Hence why I had commented in case you needed to see this and check if it is a bug or not. WC support seemed to think it was theme related so I decided to ask you.

Re the optimization of the website, I went with WP Rocket and Keycdn, and they both play nicely with Woocommerce so far.

I also took your advice regarding images, etc and had to revise the design of the website a little, like removing unnecessary sliders. While Slider Revolution is awesome on its own, it’s not needed on my website, and the native sliders you have provided do the job for me and what I am providing.

Also moved the site from a shared hosting to a VPS which is about what I can afford for now. Someday a dedicated server may be needed. ;o)

For a photo heavy website it’s good enough I think compared to others I have tested on the speed and optimizing test sites. Heck even google’s own development sites run slow on their own page insights tool. :o)

Content and functionality is still high priority for me.

Thanks for all your help so far and I will keep an eye out for updates, etc from you.

Hope you’re doing well AJ. Have a nice weekend.

Neil

Nice! Well, the site is loading fast for me

If you disabled debug it won’t fix any actual “errors” so if you do still have an error and want me to look you will need to submit a ticket with the FTP logins so I can look since it seems your site is the only one getting the error notice.

- AJ

Hi AJ,

I enabled debugging vi wp-config to log to the debug.log file and those same errors still exist.

So I will open a ticket so you can see what they are and if there is anything you can do about it.

I will send the ftp logins as well.

Thanks Neil

Hi,

If you use the Fixed style you can add a little CSS so that the content inside the vertical header overflows and you can scroll inside it. Or to simply alter the point at which the vertical menu changes to horizontal.

Can you share the URL so I can see what you have and give you my recommendation?

- AJ

Hi, the URL is www.paintballmurillo.com. Can you say me the code to solve the problem.

Regards.

This CSS should work when using the fixed style:

body.wpex-has-vertical-header #site-header-inner {
    max-height: `00%;
    overflow-y: auto;
}

How to add the CSS: http://wpexplorer-themes.com/total/docs/making-css-edits/

I will add the code in the next update also.

- AJ

Hi, i add that code to the personalized CSS with “max-height:100%” because i think you do a mistake writting ”`00%” and the problem is the same.

Can you review another time?

Regards.

Hi,

Sorry for the delay. This page is showing a 404 error, did you delete or move it? Were you able to figure out the issue?

sorry the link is now http://galmedpharma.com/mobile_home450/ – I took off the code that allows it to only be seen on devices between 450-750 so that you can see how the boxes under the image are not centered under the image as I wish. thanks for your help

You have an absolute position on your custom .outer-box element but there isn’t any CSS added to center it.